Back to Insights
Web Development

Building Accessible Web Applications: WCAG 2.2 Compliance for Mumbai

Published
2026-02-25
Author
Satish VishwakarmaSolutions Architect
Reading Time
9 min
Topic
Web Development
Building Accessible Web Applications: WCAG 2.2 Compliance for Mumbai

WCAG 2.2 compliance strategies for Mumbai web development teams — practical implementation patterns and testing approaches.

Building Accessible Web Applications

Web accessibility (a11y) ensures your site works for everyone, including users with visual, auditory, motor, or cognitive impairments. WCAG 2.2 compliance is increasingly a legal requirement for Mumbai businesses serving the public.

WCAG 2.2 Key Requirements

Perceivable

  • All images need descriptive alt text (not just "image.jpg")
  • Video content needs captions and transcripts
  • Colour should never be the only way to convey information

Operable

  • Every interactive element must be reachable and usable via keyboard
  • Focus indicators must be visible (don't remove outline: none without a replacement)
  • Users need enough time to read and complete actions — avoid auto-advancing carousels

Understandable

  • Use clear, consistent navigation across all pages
  • Error messages should suggest fixes ("Email address is invalid" not "Error 42")
  • Set the page language (lang attribute) for screen readers

Robust

  • Use semantic HTML (<nav>, <main>, <aside>) rather than <div> everywhere
  • Ensure ARIA attributes are used correctly — wrong ARIA is worse than no ARIA

Testing Tools

  • axe DevTools: Automated accessibility audit in the browser
  • Lighthouse: Includes accessibility scoring with actionable recommendations
  • Screen reader testing: Test with NVDA (Windows) or VoiceOver (Mac) at least once per sprint

Related: Tailwind CSS v4 guide, WebSockets in production.