Frontend Development

Web Accessibility Checklist: WCAG 2.2 for Indian Businesses

A practical web accessibility checklist for Indian businesses: WCAG 2.2 AA fixes for contrast, keyboard use, forms and tap targets, plus how to test and what it costs.

Interface with keyboard focus outline and contrast checks illustrating a web accessibility checklist

Quick answer

A web accessibility checklist turns WCAG 2.2 Level AA into testable checks: text alternatives, 4.5:1 text contrast, full keyboard use, visible focus, labelled form fields, 24 by 24 pixel tap targets and clear error messages. Run it on your key journeys, such as checkout and enquiry forms, fix blockers first, and re-test after every release.

Key takeaways

  • Target WCAG 2.2 Level AA, because it includes every WCAG 2.1 AA requirement and adds checks for tap targets, focus and login.
  • Test your top journeys, such as enquiry forms and checkout, with only a keyboard before you buy any tool.
  • Fix structural problems first: headings, labels, focus order and contrast cost less when built into components than when patched later.
  • Automated scanners catch only part of the issues, so pair them with manual keyboard and screen-reader checks.
  • Add accessibility checks to your release process so new features do not bring old problems back.
On this page
  1. What is WCAG and which version should you follow?
  2. Is web accessibility a legal requirement in India?
  3. What is new in WCAG 2.2?
  4. What should a web accessibility checklist include?
  5. How do you test accessibility step by step?
  6. What does an accessibility audit and fix cost in India?
  7. How Arham Technology approaches accessibility
  8. What should you do next?

A customer opens your enquiry form on a phone, but a screen reader announces three fields as just "edit text". Another visitor with a hand tremor keeps tapping the wrong tiny link, and a third cannot read your light grey placeholder text in sunlight. None of them tells you; they just leave.

This web accessibility checklist gives you the checks that matter most, written for Indian business sites and apps. It is built on WCAG 2.2, and it shows what to test, how to fix it and what to ask a developer for.

What is WCAG and which version should you follow?

The Web Content Accessibility Guidelines (WCAG) are the international technical standard for accessible web content, published by the W3C. WCAG 2.2 became a W3C Recommendation on 5 October 2023, and the W3C recommends adopting it as your conformance target even where formal rules cite an older version.

Sites that meet WCAG 2.2 also meet WCAG 2.1, because the new version only adds criteria. That makes Level AA of WCAG 2.2 the safest target for a new build. Level A covers only the most basic barriers, and Level AAA is not expected for whole sites.

For Indian government sites it is a written rule, and for private businesses it is a growing risk. The GIGW 3.0 guidelines require conformance with WCAG 2.1 Level AA, so any government or public-sector project must meet at least that.

For private firms, the Rights of Persons with Disabilities Act, 2016 requires accessible information and communication technology. In April 2025, the Supreme Court of India held in Pragya Prasun v. Union of India that digital access is part of the right to life under Article 21, and it directed accessible digital KYC processes. Banks, fintech apps and insurers should watch this closely. If you sell to the EU, the European Accessibility Act has also applied to e-commerce and consumer banking services since 28 June 2025. This article is not legal advice, so check your own obligations with a lawyer.

What is new in WCAG 2.2?

WCAG 2.2 adds nine success criteria, six of which are at A or AA level. They matter most for mobile users, keyboard users and people who struggle with passwords. The table lists the ones to check on a typical business site.

New criterion Level What to check
2.4.11 Focus Not Obscured (Minimum) AA Sticky headers and cookie banners do not fully hide the focused element
2.5.7 Dragging Movements AA Anything done by dragging, such as sliders, can also be done with a tap or click
2.5.8 Target Size (Minimum) AA Tap and click targets are at least 24 by 24 CSS pixels, or well spaced
3.2.6 Consistent Help A Help links, chat or contact options sit in the same place on every page
3.3.7 Redundant Entry A Users do not retype information they already gave in the same flow
3.3.8 Accessible Authentication (Minimum) AA Login does not rely on solving a puzzle or remembering a code with no alternative

The W3C summary of what's new in WCAG 2.2 explains each one with examples. The target size rule has exceptions for inline links, browser-controlled elements and well-spaced small targets, so a small footer link inside a sentence does not automatically fail.

What should a web accessibility checklist include?

A useful checklist groups checks by what the user does, and gives a pass test for each. Use this table on your top five templates, such as home, product or service page, enquiry form, checkout and login.

Area Check How to test
Text alternatives Meaningful images have descriptive alt text, and decorative ones have empty alt="" Inspect the HTML, or turn images off
Contrast Body text meets 4.5:1 and large text and UI borders meet 3:1 Use a contrast checker on your brand colours
Keyboard Every link, button and field works with Tab, Enter, Space and Escape Unplug the mouse and complete the journey
Focus The focused element always has a visible outline and a logical order Tab through the page and watch the outline
Forms Every field has a visible <label>, and errors name the field and how to fix it Submit a wrong form with a screen reader on
Structure One H1, headings in order, landmarks such as main and nav Check the heading outline in DevTools
Links and buttons Link text makes sense alone, so avoid "click here" List links using a screen reader or extension
Media Videos have captions, and auto-play with sound is off Play each video with the sound muted
Target size Tap targets are at least 24 by 24 CSS pixels Check on a phone and in DevTools
Zoom and reflow Content works at 200% zoom and in a 320 pixel wide view with no sideways scrolling Zoom the browser and resize the window

For Indian audiences, also test mixed-language content. Set the lang attribute correctly, for example hi for a Hindi block, so screen readers pronounce text properly, and make sure your Devanagari or other script fonts stay legible at small sizes.

How do you test accessibility step by step?

Test by hand first, because automated tools find only a share of real problems. A scanner cannot tell you whether an alt text is meaningful or a focus order makes sense.

  1. List your key journeys. Pick the five tasks that earn money or leads, such as sending an enquiry, paying and logging in.
  2. Run a keyboard-only pass. Try to finish each journey with Tab, Shift+Tab, Enter, Space and arrow keys. Note every trap, hidden focus or unreachable control.
  3. Run an automated scan. Use a tool such as Lighthouse or axe DevTools to catch contrast, missing labels and markup errors quickly.
  4. Do a screen-reader pass. Try NVDA on Windows, VoiceOver on iPhone or TalkBack on Android for the same journeys.
  5. Check zoom and mobile. Zoom to 200%, resize to a narrow window and test tap targets on a mid-range Android phone.
  6. Log, rank and fix. Rank issues by how many users they block, fix blockers first and re-test the same journey.

Our guide on fixing poor INP pairs well with this process, because slow, janky interfaces hurt keyboard and assistive-technology users first.

What does an accessibility audit and fix cost in India?

Cost depends on page count, template variety and how many problems sit in shared components. As an indicative range from project experience, not a fixed quote:

Scope What you get Indicative cost
Quick review Keyboard and scanner pass on 3–5 key pages, with a prioritised list ₹15,000–₹40,000
Full audit Manual and screen-reader testing of all templates against WCAG 2.2 AA, with a written report ₹50,000–₹2,00,000
Remediation Code fixes to components, forms and templates, quoted after the audit ₹40,000 and above

Fixing issues inside a shared component library is cheaper than fixing the same problem page by page. That is also why accessibility fits naturally into a design system, where one accessible button or form field is reused everywhere.

How Arham Technology approaches accessibility

Our frontend development service treats accessibility as an acceptance criterion, not polish. Our approach follows the same delivery steps we use for other frontend work:

  • Interface inventory: we list your screens, components and journeys, and flag patterns that block keyboard or screen-reader use.
  • Foundation pass: we set colour tokens that meet contrast, a visible focus style and accessible base components before building features.
  • Feature verticals: we build each journey with labelled fields, clear error states, and loading, empty and error screens that are announced properly.
  • Hardening and metrics: we test on mid-range Android hardware, add automated checks to the pipeline and hand over living documentation.

Deliverables include accessible patterns for focus, keyboard and screen-reader flows, a documented component library and typed components in Angular or React. If search visibility matters too, accessibility overlaps with the basics in our technical SEO checklist, and our SEO service covers how the two work together. Choosing a framework also affects how easily accessibility is built in, as our Angular vs React comparison explains.

What should you do next?

Take your enquiry form, put the mouse away and try to submit it using only the keyboard. Write down every place you got stuck, lost the focus outline or could not tell what a field was for. That list is the start of your audit.

If you would like a developer to review it, read about our frontend development service and contact us with the page URLs. We will tell you what we see and what it would take to fix, before you commit to any work.

Frequently asked questions

What is the web accessibility checklist for WCAG 2.2?

It is a list of testable checks drawn from WCAG 2.2 Level AA. The main groups are text alternatives, colour contrast, keyboard access, visible focus, form labels and errors, target size, consistent help and accessible login. Each check has a pass or fail result you can verify on a real page.

Is web accessibility mandatory in India?

For government websites, yes, because the Guidelines for Indian Government Websites (GIGW 3.0) require WCAG 2.1 Level AA. For private businesses the picture is less direct, but the Rights of Persons with Disabilities Act and a 2025 Supreme Court ruling on digital access point the same way. Treat it as a legal and commercial risk, and take advice from a lawyer for your sector.

Which WCAG level should my website meet?

Aim for Level AA. It is the level most laws, procurement rules and audits refer to, and it covers the issues that block the most users. Level A alone leaves out basics such as colour contrast. Level AAA is not expected for whole sites.

Can an accessibility overlay or plugin make my site compliant?

No overlay can fix structural problems in your code, such as missing labels, broken focus order or unreadable contrast in your design. Some tools help, but real conformance comes from fixing the underlying markup and components. Test with a keyboard and a screen reader to see the true result.

How much does a website accessibility audit cost in India?

As an indicative range from project experience, a small marketing site audit costs about ₹15,000–₹40,000, and a web app with many templates costs ₹50,000–₹2,00,000 or more. Fixing the issues is quoted separately. Costs depend on page count, complexity and the report depth you need.

How often should I test accessibility?

Test every time you ship a new template or component, and run a full audit at least once a year. Automated checks can run on every pull request, while manual keyboard and screen-reader checks suit major releases.

NEXT STEP

Want Frontend Development done right?

Get a free consultation and a clear plan — scope, timeline and cost — from our Mumbai team.

Get a free consultation →See Frontend Development