100% Free Forever
AI-Powered Learning
Industry Expert Content
Certificates & Badges
Learn At Your Own Pace
Web

Web Accessibility (a11y)

IntermediateConcept4.4K learners

Web accessibility (often abbreviated a11y) is the practice of designing and building websites so people with disabilities — including visual, auditory, motor, and cognitive impairments — can perceive, navigate, and interact with them,…

Definition

Web accessibility (often abbreviated a11y) is the practice of designing and building websites so people with disabilities — including visual, auditory, motor, and cognitive impairments — can perceive, navigate, and interact with them, typically guided by the WCAG standards.

Overview

"a11y" is a numeronym for accessibility — the letter 'a', 11 letters, then 'y' — used as shorthand across the industry the same way 'i18n' stands for internationalization. Accessible web design means content and functionality work for people using assistive technologies like screen readers, switch devices, or voice control, as well as for people with low vision, color blindness, motor impairments, or cognitive differences, not as an afterthought but as a core requirement of good engineering. The Web Content Accessibility Guidelines (WCAG), published by the W3C, are the primary reference standard, organized around four principles — content must be Perceivable, Operable, Understandable, and Robust (POUR) — and rated across three conformance levels (A, AA, AAA), with AA being the common legal and industry baseline. In practice, this translates into concrete requirements: sufficient color contrast, meaningful alternative text for images, full keyboard navigability without relying on a mouse, properly labeled form fields, and semantic HTML5 markup so screen readers can correctly interpret headings, landmarks, and interactive elements. Accessibility overlaps significantly with SEO and general usability — semantic structure that helps a screen reader also helps a search engine crawler, and clear, well-labeled interfaces tend to be easier for everyone to use, not just people with disabilities. Automated tools like Lighthouse and axe can catch a meaningful subset of accessibility issues (missing alt text, insufficient contrast, missing labels), but genuinely accessible experiences still require manual testing with real assistive technology and, ideally, feedback from people who rely on it daily; legal frameworks like the ADA in the US and the EN 301 549 standard in the EU have also made accessibility a compliance requirement for many organizations.

Key Concepts

  • Guided by WCAG's Perceivable, Operable, Understandable, Robust principles
  • Conformance levels A, AA, and AAA, with AA as the common baseline
  • Full keyboard navigability without requiring a mouse
  • Semantic HTML and ARIA attributes for screen reader compatibility
  • Sufficient color contrast and non-color-dependent information
  • Meaningful alternative text for images and non-text content
  • Overlaps with SEO and general usability best practices

Use Cases

Ensuring screen reader users can navigate and understand a site
Making interactive elements fully operable via keyboard
Meeting legal accessibility requirements like ADA or EN 301 549
Improving usability for users with low vision or color blindness
Auditing sites with tools like Lighthouse or axe for common issues
Designing forms and error messages that are clearly understandable

Frequently Asked Questions