AI-powered chart decoding enhances web accessibility for visually impaired users

Category: User-Centred Design · Effect: Strong effect · Year: 2019

An AI-driven system can automatically interpret and describe visual data representations, making them accessible to individuals with visual impairments.

Design Takeaway

Implement AI-powered tools to automatically generate descriptive text for visual data, ensuring compatibility with screen readers to broaden accessibility.

Why It Matters

This research addresses a critical gap in digital accessibility by transforming inaccessible visual data into understandable formats for a significant user group. By leveraging AI, designers can create more inclusive digital products and services that cater to a wider audience.

Key Finding

The AI system successfully decodes visual charts into text, and users found this method beneficial for accessing information.

Key Findings

Research Evidence

Aim: How can artificial intelligence be used to automatically decode and describe data visualizations for visually impaired users?

Method: Qualitative User Study and Algorithmic Evaluation

Procedure: A deep neural network was developed to identify and extract key components from visualizations (type, elements, labels, legends, data). This information was then used to generate textual descriptions. A Google Chrome extension was built to integrate this system with screen readers, and its utility was evaluated through interviews with visually impaired users.

Context: Web-based data visualization accessibility

Design Principle

Design for accessibility by default, using technology to bridge sensory gaps in information consumption.

How to Apply

Develop or integrate AI tools that can analyze images of charts and generate structured data or descriptive text for use with screen readers.

Limitations

The accuracy of the AI model may vary depending on the complexity and format of the visualization. User feedback was qualitative, and quantitative performance metrics for the AI algorithm were compared against existing methods rather than direct user performance.

Student Guide (IB Design Technology)

Simple Explanation: Computers can be taught to 'see' charts and explain them in words, helping people who can't see the charts to understand the information.

Why This Matters: This research shows how technology can make digital information more inclusive, which is important for any design project aiming to serve a diverse user base.

Critical Thinking: To what extent can AI fully replicate the nuanced understanding a sighted user gains from a visualization, and what are the ethical considerations of relying solely on AI-generated descriptions?

IA-Ready Paragraph: This research highlights the potential of AI in democratizing access to visual data. By developing systems that can automatically interpret and describe data visualizations, such as the deep neural network approach proposed by Choi et al. (2019), designers can create more inclusive digital experiences for visually impaired users, bridging the gap between visual information and non-visual understanding through assistive technologies like screen readers.

Project Tips

How to Use in IA

Examiner Tips

Independent Variable: ["Type of visualization","Complexity of visualization"]

Dependent Variable: ["Accuracy of extracted information","User satisfaction with descriptions","Usability of the system with screen readers"]

Controlled Variables: ["Type of screen reader software","Familiarity of users with data visualization concepts"]

Strengths

Critical Questions

Extended Essay Application

Source

Visualizing for the Non‐Visual: Enabling the Visually Impaired to Use Visualization · Computer Graphics Forum · 2019 · 10.1111/cgf.13686