What makes web data tables accessible? Insights and a tool for rendering accessible tables for people with visual impairments

Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)Assistive Technology Specialists

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:
    1. Table Detection: Using algorithms to automatically identify HTML tables on the web and analyze their structure and layout attributes.
    2. 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.
    3. 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.

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/papers/chi/71870/2022

AdRecommended

Learn AI Coding at CodeNow

open_in_newOpen DOI Link
DOI: https://dl.acm.org/doi/abs/10.1145/3491102.3517469
At a Glance

Paper Snapshot

fact_check
dataset
Source
CHI
calendar_month
Year
2022
emoji_events
Award
No award tagged
group
Authors
4 authors
sell
Subtopics
Visual Impairment Technologies (Screen Readers, Tactile Graphics, Braille)
work
Professions
Assistive Technology Specialists
article
Content Status
Full text indexed
hub
Related Papers
10 related papers