Good places to start

Call Us Free Consultation

Website Accessibility: WCAG 2.2 Audits and Fixes

Vivid Concept audits and rebuilds websites to WCAG 2.2 Level AA, covering keyboard use, screen readers, contrast, forms and target size, and delivers a written report of fixes.

Free Consultation All Web Design & Development

A senior consultant reads your request and responds within one business day.

An accessibility specialist and a designer test a website with keyboard-only navigation on a laptop, the designer watching.

What WCAG 2.2 requires

Every visitor should be able to find a product, fill in a form and check out, whether they use a screen reader, a keyboard or a switch. Our user experience design team builds to WCAG 2.2 at Level AA, the level that procurement teams ask for by name.

WCAG, the Web Content Accessibility Guidelines, is also what a website accessibility audit measures against. The U.S. Department of Justice requires WCAG 2.1 Level AA for state and local government websites and apps, with compliance dates of 26 April 2027 for entities with a total population of 50,000 or more and 26 April 2028 for smaller entities and special district governments.

Content that conforms to 2.2 also conforms to 2.1. Where your visitors are in the European Union, the European Accessibility Act has applied to e-commerce services since 28 June 2025, with microenterprises exempt. We build and test your site against that measure and give you clear evidence of where it stands.

WCAG 2.2 adds six Level A and AA success criteria to 2.1 and removes the obsolete parsing criterion. On a working site, focus must not be entirely hidden behind sticky headers or cookie banners, dragging actions need a simple alternative, and clickable targets must measure at least 24 by 24 CSS pixels unless spacing or another exception applies.

Help links stay in a consistent place, and forms and sign-in gain new criteria of their own. Our web design and development team builds each of these into templates from the start, where one fix serves every page, and accessibility checks are part of every site we build.

IN-HOUSE ADVANTAGE

Connected With Our Full Los Angeles Team

Our designers and developers fix accessibility issues in your templates, so one repair serves every page.

What Is Included in Website Accessibility

A conformance audit of key templates and user journeys

A written report listing each failure, its criterion and its fix

Repairs to design, code and content, retested after delivery

Accessible forms, checkout and sign-in flows

An editor checklist and release checks that keep the fixes in place

Your Website Accessibility Process

  1. DiscoveryWe review your setup, audience and goals, and you receive a clear scope before work starts.
  2. DesignWireframes show each page or screen and how visitors move through it, and you sign off before production.
  3. BuildBuilt by our in-house team with no handoffs.
  4. LaunchEvery page is tested and reviewed by a person before it goes live.
  5. SupportThe team that built it stays available after launch.

An audit with automated and manual testing

Close-up of hands using only the keyboard on a laptop.

A thorough audit pairs two kinds of testing, because each catches what the other cannot. Automated scans cover every template and flag missing labels, contrast failures and invalid markup. They cannot judge whether alt text describes the picture or whether a focus order makes sense. People can.

Manual testing follows real tasks: finding a product, filling in a form, completing checkout. We do each one with only a keyboard, then with a screen reader on desktop and mobile, then with zoom, larger text and reduced motion, the settings that people with low vision or motion sensitivity need.

The report lists each failure, the criterion it breaks, where it occurs, how severe it is and the exact fix. Our developers work straight from it.

An auditor tests a website with a screen reader and a keyboard on a laptop, a colleague with a visual impairment helping.

Fixes in design, code and content

Each fix goes where the problem starts. Contrast, focus styles, spacing and target size are design decisions, made once in the shared component so one change repairs every instance, and our work on design systems for websites and apps keeps those rules in place for good.

Code fixes cover semantic headings and landmarks, form labels, error messages tied to their fields and keyboard access to menus and dialogs. ARIA, the labels that tell assistive technology what an element does, is added only where a native element falls short. Content fixes cover link text, alt text, captions, transcripts, heading order and plain wording.

These fixes travel across platforms. We repair theme and plugin output on WordPress websites and apply the same rules to builds from Next.js and headless CMS development. Clear headings and descriptive links help search engines read a page too, which strengthens our SEO service.

Accessible forms, checkout and sign-in

A designer and a developer fix colour contrast on a monitor, a swatch card in hand.

Forms and checkout are where accessibility meets revenue: a visitor who can finish the form becomes a lead or an order. We label every field, group related options, show errors in text beside the field and in a summary, keep focus visible and make sure autofill works.

The two new form criteria apply here too, so details a visitor already entered fill themselves in, and sign-in works with paste support, a password manager or a passkey.

Clear forms help every visitor, and better forms also convert better. That is why this work pairs with conversion consulting on an existing site, and with custom website design when the site is built new.

A customer with a hearing aid completes a checkout form on a tablet, smiling.

Keeping a site accessible after launch

A site keeps changing after launch, and every new page, plugin or campaign image can undo a fix. Your editors receive a short checklist and training, the release process gains automated checks that catch common failures, and website maintenance carries the reviews forward on a regular schedule.

Documents and video need the same care: tagged PDFs, captions and transcripts. Speed and accessibility also share causes, and website speed and Core Web Vitals work removes the layout shifts that disorient people using a screen magnifier.

23 Years in Los Angeles

All Web Design & Development

Research, wireframes, usability testing and interface design for websites, software and apps that are easy to use and easy to buy from.

Visits alone no longer prove a website works, so Vivid Concept shows who comes, what they do and which changes will raise inquiries and sales.

Responsive corporate and lead-generation websites with clear navigation, fast pages and calls to action placed where visitors decide.

Website Accessibility Questions & Answers

What does AA conformance mean?

WCAG has three levels: A, AA and AAA. AA is the common target. It includes every Level A requirement plus criteria for contrast, resizing, focus visibility and target size. A site conforms at AA when every page in scope meets all A and AA criteria. The report names the pages and journeys tested and any exceptions.

Do overlay widgets make a site compliant?

An overlay changes how a page looks or reads in the browser, but the template underneath still carries its missing labels, broken keyboard paths and unclear structure. Conformance is judged on the page as people use it, so we fix the source: the design, the markup and the content.

Which laws point to WCAG?

The Department of Justice rule for state and local government websites and apps requires WCAG 2.1 Level AA, with compliance dates in April 2027 and April 2028. For private businesses, procurement requirements and accessibility claims commonly name WCAG as the measure, so we build to 2.2 AA, which also covers 2.1.

How is a PDF or video made accessible?

A PDF needs real text, tags for headings, lists and tables, a set reading order, alt text for images and a document language. Video needs accurate captions, a transcript and, for important visuals, an audio description. We repair existing files and set up templates that make new ones accessible from the start.

Can you fix an existing site?

Yes. We audit the site as it stands, report each failure with its fix, then repair the theme, templates and content in place. When a page-builder component cannot take a label, we replace it with one that can.

Tell Us About Your Project.

Speak directly with our Los Angeles web design & development specialists, or share your project details.

Direct Los Angeles Office 323-540-4370
Call Us
  • Zero obligation or sales pressure
Project Scope Select all that apply

A direct reply within 1 business day · Zero spam

Trusted by businesses and brands since 2003

  • UCLA
  • Univision
  • USC
  • KTLA 5
  • University of Michigan
  • U.S. Department of Veterans Affairs
  • and more
Call Us Free Consultation