• The Who
  • The What
  • The When
  • The Where
  • The Why

How Screen Readers Render Code, Not Design

Heading Hierarchy:

Screen reader navigation relies heavily on heading tags: H1, H2, H

Alternative Text for Images:

Upon encountering an image element, screen readers rely on alt attributes for description. An empty alt attribute results in silence, while a filename like ‘image

Why Keyboard-Only Users Need a Working Tab Order

Visible Focus Indicators:

 These cues matter for every interactive element when keyboard-selected: links, buttons, form fields, custom controls, and more. CSS resets and design systems often suppress browser default focus rings for aesthetic purposes, neglecting the importance of providing alternative visual cues for keyboard users. This oversight leaves them uncertain about their current position on the page.

Skip Navigation Links:

Tucson residents who rely on keyboards to navigate websites can’t afford unnecessary tabbing through lengthy navigation menus. A strategically placed skip link allows them to bypass this ordeal and jump directly into main content, saving 50 keystrokes per page, a substantial improvement for frequent visitors.

Why Low-Contrast Text Is a WCAG Violation, Not a Style Choice

Normal Text Contrast Threshold:

For clear text readability and interface label legibility, a minimum contrast ratio of

Large Text and Graphical Elements:

ratio against adjacent colors for clear distinction. Decorative elements with no informational content are exempt from these guidelines.

Color as the Sole Differentiator:

Information cannot solely be conveyed through color; it must be accessible to users of all abilities. For example, required fields that are only marked in red fail those with red-green color vision deficiency, while hyperlinks that rely on color alone and lack an underline or other distinction also fall short. A simple test is converting the page to grayscale: if the information remains communicative, it passes; if it disappears, it fails.

Why Captions Reach a Larger Audience Than Most Realize

Closed Captions:

Even auto-playing videos without sound can trigger vestibular disorders and interfere with screen reader audio.

Audio Description:

Visual-centric videos, which convey information through graphics, demonstrations, or text overlays, must be complemented by an audio description track to facilitate engagement from blind users. This narrative should fit naturally into pauses in dialogue, with extended narration permitted when necessary to adequately describe visual content. The requirement specifically targets informational content; decorative visuals lacking any informative value are exempt.

Transcripts and Autoplay Prohibition:

Audio-only content necessitates a comprehensive text transcript that not only satisfies accessibility guidelines but also provides indexable text for search engines to rank. Without transcripts, podcasts remain invisible in search results. Meanwhile, auto-playing videos with sound directly contravene WCAG

The Widget in the Corner Does Not Change the Code Underneath It

Why Overlays Do Not Produce Compliance:

An overlay operates on the rendered DOM output. It cannot fix missing semantic structure in the source HTML, cannot correct keyboard interaction patterns in JavaScript-driven components, and cannot address focus management failures in custom interfaces. The overlay’s automated logic also introduces new errors: wrong alt text applied to misidentified images, content reordered in ways that damage comprehension, screen reader announcements doubled or contradicted. Overlays add a layer of interference on top of the underlying problem without resolving it.

What the Litigation Record Shows:

Overlay vendors have been named as co-defendants in ADA accessibility lawsuits. The National Federation of the Blind and other major disability advocacy organizations have published formal positions opposing overlays as a compliance path. Organizations that installed overlay products and considered the matter resolved have subsequently received demand letters and faced litigation. The overlay did not function as protection. In some cases it was used as evidence that the organization knew about the obligation.

Why Automated Scans Catch Only & Part of the Problem


Does the ADA apply to small businesses with no physical location?

The Americans with Disabilities Act applies to public accommodations, and federal courts have consistently ruled that websites fall under this category regardless of physical presence. No business is exempt from Title III requirements based on revenue or employee count. Business size affects its ability to absorb litigation costs, not the legality of the claim.

What are the actual financial consequences of an ADA accessibility violation?

AA conformance on a site failing multiple criteria damages credibility.

Do accessibility overlays satisfy ADA compliance requirements?

Some courts have challenged overlay products in federal litigation. Multiple decisions have allowed ADA claims against defendants using overlays to proceed. The National Federation of the Blind has officially opposed their use as a compliance mechanism. Installing an overlay demonstrates awareness but doesn’t discharge accessibility obligations. Documented cases show that it was cited as evidence of a cosmetic response over a substantive one.

How often does an accessible site need to be retested?

Regular audits and maintenance are crucial for websites with changing content or frequent updates. A site that passed an initial audit can fail subsequent checks without deliberate changes to its accessibility work. Automated scanning quarterly, plus annual manual audits, is the standard practice for most commercial sites. Sites with active development cycles require more frequent testing.

What does WCAG Level AA actually require in practical terms?

WCAG

Are PDF documents covered under ADA digital accessibility requirements?

PDFs on websites are part of the digital public accommodation and subject to ADA obligations just like web pages surrounding them. Inaccessible PDFs typically consist of scanned images without underlying text or untagged exports from design software. Remediation involves adding a semantic tag structure, establishing reading order, and applying heading and list markup.

What is the difference between an accessibility audit and an accessibility certification?

An audit is an assessment of WCAG conformance at a specific point in time. It generates findings, severity ratings, and remediation guidance but doesn’t guarantee ongoing compliance. A certification from a private organization indicates that an audit was completed but can be superseded by subsequent content changes or code deployments.

Does an accessibility statement on the website provide legal protection?

An accessibility statement is not a shield against litigation but rather a demonstration of good faith in meeting ADA obligations. It should acknowledge known limitations, name the targeted conformance standard, and provide a contact mechanism for users encountering barriers. A claim of full WCAG

Who is responsible when an embedded third-party tool fails accessibility standards?

The website operator is responsible for compliance obligations that follow the domain regardless of vendor code. Installing inaccessible third-party tools creates violations on the host site, necessitating explicit accessibility representations in contracts and pre-launch testing for new integrations. When a vendor’s product introduces a barrier, the choice is between pressuring the vendor or replacing the tool.

What is the relationship between web accessibility and search engine optimization?

There’s substantial overlap between WCAG requirements and what search algorithms favor. Semantic heading structure, descriptive alt text, logical document hierarchy, and clean HTML satisfy both simultaneously by making pages better understood by assistive technology and search infrastructure. Accessibility remediation often improves technical SEO metrics without additional optimization work, leveraging this coincidence to improve the user experience.