Web accessibility (often referred to by its abbreviated “a11y” form) is something many internet users don’t think about, yet it affects almost all of us in some way. Accessibility is about you, your friends, colleagues, and family members. It’s about having empathy for other internet users. It’s about all of us being able to use the internet in the easiest way possible, without hinderance or confusion.
With accessibility impacting so many people and involving such a broad field of subjects there’s a lot to learn! Fortunately, we have a large collection of tutorials, articles, courses, and quick tips, to take you through everything you need to know.
1. Begin at the Beginning
If you’re a complete stranger to the world of accessibility, these resources will get you started and help you understand why this is worth investing some energy into.
2. Testing for Common Accessibility Issues
Proper understanding of accessibility issues comes from being able to experience them, and this is often only possible through using tools to emulate those issues. These tutorials will show you which common problems you can test for, which tools to use, and some easy solutions.
- AccessibilityAccessibility Basics: Designing for Visual ImpairmentGraeme Fulton
- AccessibilityHow to Use the Contrast Checker in Chrome DevToolsKezz Bracey
- AccessibilityHow We Test for Accessibility at Envato (Tools and Tips)Luke Jones
- AccessibilityKeyboard Accessibility Tips Using HTML and CSSAnna Monus
3. Accessibility for Everyone (eBook)
Let Laura Kalbag guide you through the accessibility landscape in this ebook available as part of your Envato Elements subscription: understand disability and impairment challenges; get a handle on important laws and guidelines; and learn how to plan for, evaluate, and test accessible design.
4. Accessible HTML
Many accessibility improvements can be made behind the scenes, in the HTML. Assistive technologies (such as screenreaders) often rely on the markup rather than what’s visually output to the browser, so it’s really important that your websites make sense from a markup point of view.
Building web pages with properly semantic markup is often all that’s needed, but additional improvements can be made with proper use of some HTML attributes.
- HTML5Semantic HTML: How to Structure Web PagesCraig Campbell
- AccessibilityHow to Make Custom Accessible Checkboxes and Radio ButtonsSami Keijonen
- AccessibilityThe Importance of Heading Levels for Assistive TechnologyEric Bailey
- AccessibilityQuick Tip: Use the “lang” Attribute for Better AccessibilityEric Bailey
- AccessibilityAccessible SVG: Methods for Adding Alternative ContentCarie Fisher
ARIA Landmark Roles
ARIA Landmark roles, additional layers of descriptive attributes, take semantics a step further in helping assistive technology users navigate web pages. This course will get you started:
Kyle Spencer’s hands-on series will take you deeper into the world of ARIA.
- AccessibilitySite Accessibility: Getting Started With ARIAKyle Sloka-Frey
- AccessibilityHands-on With ARIA: Homepage Elements and Standard NavigationKyle Sloka-Frey
- AccessibilityHands-on With ARIA: Accessibility for eCommerceKyle Sloka-Frey
- AccessibilityHands-on With ARIA: Accessibility Recipes for Web AppsKyle Sloka-Frey
Accessibility is fundamentally about user experience. If your website isn’t accessible in some way, it’s fallen at the first UX hurdle for some users.
6. For Theme Developers
Accessibility is something which theme developers should be especially conscious of. Someone who buys a theme might not have the awareness or knowhow to make sure the website they build is accessible, so it’s important that the groundwork is laid for them.
Search for Accessible WordPress on Themeforest for themes which are built with accessibility issues in mind.
7. Going Beyond Websites
Accessibility affects more areas of the internet than just websites. These tutorials will show you where else you should focus your efforts.
- AccessibilityA Beginner’s Guide to Email Accessibility (Checklist + Resources)Stig Morten Myre
- Android SDKCreating Accessible Android AppsJessica Thornsby
- AccessibilityCreating Accessible Android Apps: Assistive TechnologiesJessica Thornsby
- AccessibilityAccessibility for iOS Apps: Speech RecognitionVardhan Agrawal
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.Update me weekly