Is accessible design a myth?
Eric A. Meyer · 2005 · Proceedings of the 2005 International Cross-Disciplinary Workshop on Web Accessibility (W4A) · doi:10.1145/1061811.1061823
Summary
In this position paper, prominent CSS expert Eric Meyer (of Complex Spiral Consulting) examines the tensions between rich visual web design and accessibility, asking whether the two can truly coexist. Meyer traces the history of CSS image replacement techniques — Fahrner Image Replacement (FIR) and its many variants (Radu Method, Phark Method, Gilder/Levin, etc.) — which all shared a common approach: inserting a background image while hiding the in-document text using CSS. He identifies three problems with these techniques: most screen readers ignored hidden text because they scraped the visual rendering rather than the DOM; users with CSS enabled but images disabled saw nothing; and the techniques required semantically meaningless extra markup. Meyer then examines sIFR (scalable Inman Flash Replacement), which used JavaScript and Flash to replace text with rich typography on the fly while preserving the underlying text for non-Flash/non-JS environments. While sIFR solved the typography problem accessibly, it could not handle combined text-and-image designs. Meyer identifies a critical irony: the same CSS hiding techniques used for image replacement were also used to visually hide skip navigation links — meaning the accessibility tools designed to help screen reader users were broken by the very mechanism intended to hide them from sighted users.
Key findings
Meyer's central argument is that screen readers of the era were fundamentally flawed because they operated as "visual-mode user agents" — attempting to read what appeared on screen rather than interpreting the document's semantic structure. This approach meant they ignored CSS-hidden content (including skip links and image replacement text), effectively breaking accessible design techniques. Meyer contends this behavior was "contrary to the design of the Web" and represented the most serious barrier to accessible design progress. He similarly argues that mobile browsers needed to stop pretending to be screen-medium browsers, praising Opera's support for the CSS handheld media type. For immediate practical improvements, Meyer controversially recommends that blind users disable author CSS entirely, which would restore skip links and remove layout complexity for screen readers. He also advocates for user education as a critical and overlooked component of accessibility — noting his realization that disabled users are no more likely to know about browser accessibility preferences than any other users. The paper closes with an anecdote about a blind user's positive feedback on the Wired News redesign, arguing that empowering disabled users to provide feedback to sites would be a powerful driver of accessible design adoption.
Relevance
Written by one of the most influential figures in CSS history, this paper captures a pivotal moment in web accessibility where the tension between visual design ambition and assistive technology limitations created a genuine impasse. Many of Meyer's critiques have since been addressed: modern screen readers interact with the accessibility tree rather than scraping visual output, CSS media queries became a cornerstone of responsive design, and web fonts eliminated the need for image replacement of text. However, his core insight — that assistive technologies must engage with semantic document structure rather than visual rendering — remains foundational. The paper's emphasis on user education as an underappreciated component of accessibility is still relevant; many users remain unaware of built-in accessibility features in their browsers and operating systems. Meyer's argument that accessible design is achievable but undermined by tooling failures (rather than being inherently impossible) helped shift the accessibility conversation from blaming designers to demanding better assistive technology and standards support.
Tags: screen readers · CSS · image replacement · skip links · web design · assistive technology · visual design · user education
Standards referenced: CSS · CSS3 · XHTML · CSS3 Media Queries