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

Why Screen Readers Read Code Structure, Not Visual Design

Heading Hierarchy:

Screen reader navigation hinges on clear heading tags: H1, H2, and H3 used in proper sequence without skipping levels. A page jumping from H1 to H4 breaks the navigation model screen reader users depend on. Heading hierarchy is not a visual styling choice; it is a structural requirement that determines how assistive technology presents the document outline.

Alternative Text for Images:

When screen readers encounter an image element, they read the alt attribute. Silence ensues when this attribute is empty, while filename-based descriptions provide little to no context. Only descriptive alt text that accurately conveys the image’s content meets both WCAG and SEO requirements simultaneously, serving as a compliance solution.

How Keyboard-Only Users Navigate Websites Without a Mouse

Skip Navigation Links:

 On complex websites with multiple levels of navigation, a single skip link can be a game-changer. By allowing keyboard users to jump directly to main content, it eliminates the need for tabbing through every navigation item on each page load. This is particularly important on large sites with 50 or more navigation elements, where every interior page load requires 50 Tab keypresses per visit.

Focus Traps and Modal Behavior:

Modals and dialogs must be designed with keyboard focus in mind: they should trap the user inside the component while open, then return focus to the triggering element when closed. A modal that fails to do so can leave the user stranded in background content, unable to escape without reloading the page. Conversely, a modal that doesn’t return focus on close can drop the user at an arbitrary point in the document. Both failures are common.

Why Low-Contrast Text Fails WCAG and Excludes Real Users

Normal Text Contrast Threshold:

The WCAG formula is the gold standard for determining contrast ratios, not a subjective designer’s opinion. Body text and interface labels require a minimum 4.5:1 contrast ratio against their background. This applies to all text rendered at standard body sizes. The ratio is calculated from relative luminance values, not visual impression.

Large Text and Graphical Elements:

Large text (18pt or 14pt bold) requires a 3:1 contrast ratio. Graphical elements like icons and chart boundaries also require this ratio against adjacent colors. However, decorative elements that don’t convey information are exempt from these rules, but only if they don’t carry significant visual weight.

Color as the Sole Differentiator:

Color alone is never sufficient to convey critical information. A red label on a required field can fail users with red-green color vision deficiency. Similarly, a hyperlink distinguished solely by color will also fail the same criterion. The simple test: convert the page to grayscale. If the information still communicates, it passes; otherwise, it fails.

Why Uncaptioned Video Excludes More Users Than Expected

Closed Captions:

Synchronized closed captions must be available for all pre-recorded video content containing speech. Auto-generated captions from YouTube or similar platforms are a starting point but consistently fail on technical terminology, proper nouns, and accented speech. Human-reviewed captions are the only version that meets WCAG accuracy requirements.

Audio Description:

Video that conveys crucial information through graphics or demonstrations demands an accompanying audio description track for blind users. Audio description narrates visual elements during natural pauses in dialogue. When pauses are insufficient, extended audio description temporarily halts playback to accommodate narration. This requirement applies only to informational content; purely decorative visuals are exempt.

Transcripts and Autoplay Prohibition:

Audio-only content necessitates a comprehensive text transcript. Beyond WCAG compliance, transcripts render text indexable for search engines, making podcast invisibility to search engines an issue of transcripts’ absence. Auto-playing video with sound directly violates WCAG 1.4.2. Muted autoplay loops can trigger vestibular disorders and interfere with screen reader audio. Playback initiation should remain a user-driven decision.

Why Accessibility Overlay Widgets Do Not Fix the Underlying Code

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 Scanners Only Catch & 30% of Accessibility Failures


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

Website owners would do well to remember that any place of public accommodation falls under the purview of Title III of the ADA, and courts have uniformly ruled that websites qualify regardless of whether they’re accompanied by a physical location. This includes small businesses, which often harbor the misconception that their size grants them immunity from litigation costs. The reality is that while business size may influence its ability to absorb the financial burden of ADA compliance, it has no bearing on the potential for lawsuits.

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

Initial demand letters typically seek $5,000 to $25,000 in settlement. Defended cases incur attorney fees starting at $10,000 to $30,000 regardless of outcome. Plaintiff attorney fees are recoverable under the ADA, meaning the defendant pays both sides. Repeat violations or documented inaction increase exposure. The cost of proactive remediation is almost always lower than a single defended claim.

Do accessibility overlays satisfy ADA compliance requirements?

Contrary to popular myth, using overlay products is not a foolproof way to sidestep ADA compliance issues. In fact, multiple courts have allowed ADA claims against defendants who employ overlays to proceed. The Department of Justice has explicitly stated that it does not endorse overlays as a means of meeting accessibility obligations. Even more telling, the National Federation of the Blind has come out strongly against their use. Installing an overlay merely acknowledges awareness of the obligation. It does not’t discharge it.

How often does an accessible site need to be retested?

Changes to content, code deployments, and updates to plugins or third-party tools can all introduce new compliance variables after the fact, rendering even the most thorough initial audits obsolete. A website that passed a comprehensive audit at launch could fail it six months later without any deliberate attempt to alter accessibility work. To maintain defensible levels of compliance, commercial sites should aim for quarterly automated scanning plus an annual manual audit, unless they have active development cycles or publish content regularly, in which case more frequent testing is necessary.

What does WCAG Level AA actually require in practical terms?

WCAG Level AA requires a minimum 4.5:1 text contrast ratio, keyboard operability for all interactive elements, visible focus indicators, text alternatives for images, captions for video, consistent navigation, error identification in forms, and content that reflows without horizontal scrolling at 320px width. Each criterion has a specific, testable requirement documented in the WCAG specification.

Are PDF documents covered under ADA digital accessibility requirements?

When it comes to PDFs published on a website, they’re part of the digital public accommodation subject to the same obligations as the surrounding web pages. This includes ensuring that any PDF is not merely an image but contains semantic tags; has a clear reading order established; and applies heading and list markup within the document. Embedded charts and images should also include alt text, making each document independently evaluated for accessibility.

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

An audit provides a snapshot of conformance against WCAG criteria at a specific point in time, producing findings, severity ratings, and remediation guidance. Certification from a private organization indicates that an audit was conducted and conformance verified at the time of issuance, but neither confirms ongoing compliance nor guarantees it will remain valid after content changes or code deployments introduce new violations.

Does an accessibility statement on the website provide legal protection?

An accessibility statement, while laudable for demonstrating awareness and commitment to meeting accessibility obligations, does not shield a website from litigation. In fact, a poorly constructed statement can damage credibility in a legal context rather than bolstering it by claiming conformance not supported by actual testing. An effective statement names the target standard, acknowledges known limitations, provides a contact method for accessibility feedback, and commits to a remediation timeline. It is a transparency tool, not a legal shield.

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

The business operating the website bears responsibility for ensuring its compliance obligations are met. A booking widget, payment form, chat interface, or video player that fails to meet WCAG standards can introduce violations even if it’s hosted by a third-party vendor. Compliance follows the domain, not the code itself, so vendors’ products should be tested for accessibility before being deployed.

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

There exists substantial overlap between what WCAG requires and what search algorithms reward in terms of content quality and structure. Semantic heading structures, descriptive alt text, meaningful link text, video transcripts, logical document hierarchies, and clean HTML all contribute to both accessible content and improved technical SEO metrics. By prioritizing accessibility through remediation, site owners can often see secondary benefits in the form of enhanced search engine optimization without requiring additional optimization work.