SADIe: Transcoding Based on CSS
Simon Harper, Sean Bechhofer, Darren Lunn · 2006 · Proceedings of the 8th International ACM SIGACCESS Conference on Computers and Accessibility (Assets '06) · doi:10.1145/1168987.1169044
Summary
This paper introduces SADIe (Structural-Semantics for Accessibility and Device Independence), a system that improves web accessibility for visually impaired users by leveraging semantic information already encoded in Cascading Style Sheets (CSS). The authors argue that blindness often equals inaccessibility on the web not because information is absent, but because it is organized and presented visually in ways that do not translate well to non-visual access. Rather than requiring web authors to add extra accessibility markup, SADIe works with existing CSS by building ontologies that map CSS classes and styles to their semantic roles in the document. An upper-level ontology captures general document element roles, while site-specific extensions describe the particular CSS patterns used on a given website. The system then uses these ontologies to transform web pages through transcoding — restructuring content into a more accessible presentation. SADIe operates as a server-side proxy, making it user-agent neutral and compatible with screen readers like JAWS on Internet Explorer. The approach was originally built as a Mozilla Firefox extension but was moved to a proxy architecture to support broader user testing with visually disabled users on Windows systems.
Key findings
SADIe implements three core transcoding operations: "De-Fluff" removes unnecessary content from the page; "Toggle Menu" turns menus on and off to eliminate the need for skip links; and "Re-Order" brings important page items to the top. By analysing the visual rendering and code structure of XHTML documents alongside their CSS, SADIe can automatically create ontology extensions and apply semantic inferences for error checking, classification, and content reorganisation. Once a site's CSS ontology is created, SADIe can transform every page on that site and any other site sharing the same CSS structure. The authors identify the main limitation as the "Achilles Heel" of ontology creation, which initially required a knowledge engineer familiar with the semantic web. However, they describe ongoing work to semi-automate this through an analysis tool that generates yes/no questions, allowing novice users to build ontologies without expert intervention. The paper also notes benefits beyond visual impairment, including support for mobile device users and multi-modal access across small-screened devices.
Relevance
SADIe represents an important approach to web accessibility that works with the web as it actually exists, rather than requiring designers to adopt new practices. The insight that CSS already encodes semantic meaning — that visual presentation choices reflect document structure — remains relevant today, even as web technologies have evolved significantly since 2006. The system's philosophy of extracting accessibility value from existing design artifacts rather than demanding additional author effort speaks to a persistent challenge in web accessibility: the gap between what designers create and what assistive technology users experience. The transcoding operations (content removal, menu toggling, reordering) map directly to common screen reader usability problems that persist today. The proxy-based architecture also foreshadowed modern approaches to accessibility overlays and transformation tools, though SADIe's ontology-grounded approach is more principled than many commercial alternatives.
Tags: visual impairment · web accessibility · transcoding · CSS · screen readers · semantic web · document engineering
Standards referenced: XHTML