top of page
Software Engineering & Product Problems

Site Not Accessible? Remove Barriers and Meet WCAG

Can't be used with a keyboard or screen reader? We find the barriers and fix them to WCAG 2.2 AA.

A site is not accessible when people with disabilities can't use it, usually because of missing labels, keyboard traps, low contrast, missing alternative text and custom components built without accessibility, which also puts tenders and compliance at risk.

What it means when your site isn't accessible


Some people can't use your site or app: someone who navigates only by keyboard gets stuck in a menu, a screen reader user hears "button" with no name, or someone with low vision can't read light grey text.


Most barriers come from a handful of patterns in custom components and design choices. Once found, they can usually be fixed in shared components, which fixes them across the product.



Symptoms: you're in the right place if


  • Menus, dialogs or forms can't be used with a keyboard

  • Screen readers announce unlabeled buttons or links

  • Text has low contrast

  • Images and icons have no text alternative

  • A tender or customer asks for WCAG conformance or a VPAT


Automated scanners find only part of these issues; manual testing finds the rest.


Business function


Business functions affected: Product, Engineering, and Legal or Compliance.


Typical owner: Product manager or engineering lead.


Common stage: SaaS products selling to enterprises and governments, EdTech platforms, e-commerce sites in the EU and US.



Is this the right help for you?


A good fit if:


  • Customers or tenders ask for WCAG AA

  • You sell in the EU, US public sector or education

  • You've never tested with a screen reader

  • You received an accessibility complaint


Not the right fit if:


  • You need a legal opinion: talk to a lawyer; we provide technical findings and fixes

  • The problem is mainly speed: see website slow on mobile



First steps you can take today


  1. Try your main user journey with only the keyboard

  2. Run a free axe or Lighthouse scan on key pages

  3. Check alt text on important images

  4. Check contrast of text on buttons and links



Business impact: what it costs to leave it unfixed


  • Excluded users: people who can't complete tasks leave.

  • Lost deals: tenders and enterprise buyers require WCAG.

  • Regulatory risk: laws such as the ADA and the European Accessibility Act refer to WCAG.

  • Rework: fixing late costs more than building it in.



Root causes: why sites end up inaccessible


Custom components

Menus, dialogs and dropdowns built without keyboard and screen reader support.


Missing labels

Icons and form fields without accessible names.


Design choices

Low contrast and information shown by color only.


Missing alternatives

Images, videos and charts without text alternatives or captions.


No testing

Accessibility never checked in QA.



Common accessibility scenarios


Scenario

Usual cause

First fix

Tender requires WCAG AA

No audit or evidence

Audit, fix and document

Quiz or form unusable by keyboard

Custom components

Fix focus and keyboard handling

Screen reader reads "button button"

Icon buttons without labels

Add accessible names

Complaint received

Untested key journey

Audit and prioritized fixes



Accessibility checklist


Every “no” is a likely gap.


Keyboard


  • Can every action be done with a keyboard?

  • Is the focus always visible?


Screen readers


  • Do buttons and fields have names?

  • Are errors announced?


Visual


  • Does text meet contrast requirements?

  • Does the page work at 200% zoom?


Media


  • Do images have alt text?

  • Do videos have captions?



Potential solution family


Solution type: Comply. We find barriers and fix them in your shared components.


Solution family: Accessibility engineering: WCAG 2.2 AA audits, code fixes and automated checks.



How we fix it: removing barriers


1. Audit

Automated scans plus keyboard and screen reader testing.


2. Prioritize

Rank issues by user impact and WCAG level.


3. Fix components

Repair shared menus, dialogs and forms.


4. Fix content

Alt text, labels, headings and contrast.


5. Automate

Add accessibility checks to tests.


6. Retest

Confirm fixes and document conformance.



Typical timeline


Phase

Typical duration

Audit

1–3 days

Component fixes

3–10 days

Retest and documentation

1–2 days


Fixing shared components first resolves many issues across the product at once.



Mistakes to avoid


  • Installing an accessibility overlay as the fix

  • Relying only on automated scans

  • Fixing pages one by one instead of components

  • Leaving accessibility until a complaint arrives



Required skills




Relevant technologies


  • Standard: WCAG 2.2 Level AA

  • Testing: axe, Lighthouse, NVDA and VoiceOver

  • Code: semantic HTML and ARIA

  • Automation: Playwright with axe



Diagnosis offer: start with a fixed-price accessibility audit


Find the barriers on your key pages and how to fix them.


What you get:


  • WCAG 2.2 AA audit of key pages

  • Keyboard and screen reader testing

  • Ranked issues with code-level fixes

  • Optional retest




Proof


Example engagement: EdTech platform responding to a tender

An illustrative example based on the pattern we see most often. Client details are kept confidential.


The situation: An EdTech platform needed WCAG AA evidence for a university tender within three weeks.


What we found:


  • The quiz player couldn't be used with a keyboard

  • Timers weren't announced to screen readers

  • Several icon buttons had no names


What we changed:


  • Rebuilt quiz keyboard handling and focus order

  • Added live announcements and accessible names

  • Added automated accessibility checks


The result: The platform passed its retest and submitted the tender with documented conformance.


Why buyers trust Codersarts

  • Delivering web, product and cloud engineering for clients worldwide since 2018

  • A managed in-house engineering team, not a freelancer marketplace

  • Developers who measure before and after, so you see what changed

  • Fixed-price tasks for small jobs, so you can start without a large contract

  • Confidential by default: we sign NDAs before accessing your code or accounts



Frequently asked questions


What is WCAG 2.2 AA?

The current version and common conformance level of the Web Content Accessibility Guidelines, which most laws and buyers reference.

No. They don't fix the underlying code and can create new problems.

In many places and sectors, yes; the details depend on your market, so check with legal counsel.

Audits take days; fixes depend on scope, often one to two weeks for key journeys.



Related problems


bottom of page