What makes web data tables accessible? Insights and a tool for rendering accessible tables for people with visual impairments
Authors
Title of the Paper
What makes web data tables accessible? Insights and a tool for rendering accessible tables for people with visual impairments
Paper Information
- Subject Area: Accessibility, specifically the design and use of data tables for blind and low-vision (BLV) users.
- Keywords: Accessibility, data tables, assistive technology, human-computer interaction, empirical study, multi-layered headers, HTML formatted tables, extensible browser plugin
Research Background and Problem Statement
- Problems or challenges identified by the authors:
- Many web data tables lack accessibility optimization for blind or low-vision users, particularly in terms of screen readers failing to correctly interpret table structures.
- Advanced visual structures (e.g., merged cells, multi-level headers) are effective for sighted users but are difficult to access or understand for blind users.
- Importance of the problem:
- Data tables are a critical medium for conveying data-driven information and are widely used in contexts such as government reports, bank statements, and news articles.
- Improving the accessibility of data tables is essential for ensuring equal access to information and promoting digital inclusion.
- Motivation and related work:
- Existing accessibility guidelines focus on how to correctly design HTML tables but have not deeply explored the practical needs of blind users.
- Some related studies have investigated how to detect table structures, improve navigation experiences, and enhance accessibility, but there is a lack of comprehensive tools that incorporate evaluation and user feedback.
Proposed Solution
- Methods or solutions proposed by the authors:
- Based on existing guidelines and user interview results, the authors designed and developed a Google Chrome extension tool to automatically detect online HTML tables and optimize them into more accessible formats.
- Innovations:
- Combining guidelines with user research, using empirical methods to validate existing problems, and proposing highly applicable solutions.
- Directly addressing the issues without relying on authors to modify the tables, enabling instant accessibility adjustments.
- Supporting multiple features, including header tagging fixes, merged cell splitting, adding empty cell indicators, and generating structured summaries.
- Implementation steps and key technologies:
- Table Detection: Using algorithms to automatically identify HTML tables on the web and analyze their structure and layout attributes.
- Optimizing Table Structures:
- Adding missing header tags (
<thead>and<th>). - Splitting merged cells and filling in corresponding values.
- Generating both simple and detailed table summaries to help users build a cognitive model of the table.
- Adding missing header tags (
- Enhancing Navigation and Information Extraction:
- Providing features such as filters and sorting options to help users quickly locate data points.
- Splitting complex tables with multi-layered headers into multiple simpler tables.
Research Outcomes
- Specific outcomes:
- Designed a browser extension tool capable of detecting and fixing HTML table accessibility issues, as well as optimizing user interaction experiences.
- Implemented new features such as table summaries, cell repairs, filtering, and sorting, which improved users' ability to interpret complex tables.
- Advantages over existing solutions:
- Compared to existing methods (e.g., online accessibility analysis tools), this new tool directly resolves table issues rather than merely providing diagnostic feedback.
- Does not require users to learn new interaction modes or rely on new devices, such as tactile screens.
- Eliminates the need to wait for authors to fix issues, reducing human intervention.
- Experimental and evaluation results:
- Performance tests and user trials demonstrated that the tool resolved 96% of accessibility issues.
- User feedback indicated that new features (e.g., table summaries, sorting, filters) significantly improved the usability of data tables.
- Even users with no prior experience with browser extensions found the tool to be highly usable.
- Limitations and future directions:
- The tool currently struggles with identifying and processing poorly formatted HTML tables.
- Improved detection mechanisms are needed to differentiate between data tables and decorative tables.
- The study's sample size was limited; larger-scale testing is needed to validate the optimization effects.
- Future work includes developing tools to assist authors in table design and exploring dynamic adaptability for screen readers.
Contribution Summary
This study provides a new perspective on improving the accessibility of web data tables and offers an immediate solution through tool development. The research highlights the gap in data table usage experiences between blind users and sighted users and provides valuable references for future data visualization and table design.
Research Questions / Practical Problems
Question signals indexed for this paper.
Research Questions
3- How can web data table accessibility be optimized so blind and low vision users can use them more effectively?Category: Web and Community Content AccessibilitySimilar questionsarrow_forward
- How can complex table structures such as multi-level headers and merged cells that screen readers cannot parse be technically optimized?Category: Web and Community Content AccessibilitySimilar questionsarrow_forward
- Which features can significantly improve blind users' understanding and navigation of complex data tables?Category: Web and Community Content AccessibilitySimilar questionsarrow_forward
Practical Problems
1- Blind users struggle to correctly parse complex web data tables with screen readers.Category: Web and Community Content AccessibilitySimilar questionsarrow_forward
- 100%
Understanding Blind Screen-Reader Users' Experiences of Digital Artboards
CHI '21· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
Ga11y: an Automated GIF Annotation System for Visually Impaired Users
CHI '22· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
Modeling Touch-based Menu Selection Performance of Blind Users via Reinforcement Learning
CHI '23· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
"It Brought Me Joy": Opportunities for Spatial Browsing in Desktop Screen Readers
CHI '25· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
InSupport: Proxy Interface for Enabling Efficient Non-Visual Interaction with Web Data Records
IUI '22· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
OmniScribe: Authoring Immersive Audio Descriptions for 360° Videos
UIST '22· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 100%
MagnePins: A Modular, Affordable, and DIY Refreshable Braille and Tactile Display
UIST '25· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 67%
A Face Recognition Application for People with Visual Impairments: Understanding Use Beyond the Lab
CHI '18· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 67%
Enabling People with Visual Impairments to Navigate Virtual Reality with a Haptic and Auditory Cane Simulation
CHI '18· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
- 67%
SteeringWheel: A Locality-Preserving Magnification Interface for Low Vision Web Browsing
CHI '18· Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
Based on Jaccard similarity of research subtopics & professions (≥60%)