Contrast Ratio Compliance Module for Digital Interface Accessibility

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional methods for determining contrast ratios in digital interfaces require significant manual effort from developers, hindering the widespread adoption of accessibility standards, particularly for visually impaired individuals.

Innovation Solution

A compliance module on electronic devices automatically determines the contrast ratio between background and text colors by calculating luminosity values and applying a contrast factor, displaying the result to users, thereby streamlining compliance checks with standards like WCAG.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Measurement precision

If manual methods are used to determine contrast ratios, then developers can assess accessibility compliance, but the process requires significant manual effort and time

Engineering Contradiction:
Improvecontrast ratio assessment accuracyVSAvoidtime required for contrast ratio determination
Core Design Contradiction:
Measurement precisionVSLoss of time

Solution Approach 1:

The system enables self-service by automatically calculating contrast ratios without requiring manual developer intervention. The compliance module autonomously extracts color data from UI elements, computes luminosity values, and determines contrast ratios, allowing the interface to assess its own accessibility compliance.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces manual mechanical assessment methods with an automated computational system. Instead of developers manually measuring and calculating contrast ratios, the system uses algorithmic processing to automatically determine luminosity and contrast, substituting human effort with machine-based calculation.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Productivity

If automated compliance checking is implemented, then productivity increases, but device complexity increases

Engineering Contradiction:
Improvecompliance checking efficiencyVSAvoidcompliance module complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The compliance module is designed with multi-functionality, serving both accessibility compliance checking and general color analysis purposes. By creating a universal tool that can handle various UI elements and color schemes across different applications, the system achieves high productivity without proportionally increasing complexity.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system manages complexity by focusing on specific measurable parameters (luminosity, contrast ratio) rather than attempting to analyze all possible UI attributes. By changing the approach to measure only the critical parameters needed for accessibility compliance, the system achieves efficient automated checking with controlled complexity.

Inventive Principle:
Principle #35Parameter changes

3Ease of operation

If comprehensive accessibility standards are adopted, then user accessibility improves, but cost of compliance increases

Engineering Contradiction:
Improveinterface accessibility for impaired individualsVSAvoidcompliance implementation cost
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The system implements feedback by providing real-time contrast ratio calculations and accessibility compliance information to developers during the UI design and development process. This immediate feedback allows developers to adjust color schemes to meet accessibility standards without requiring extensive post-development testing or costly remediation.

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The compliance module performs preliminary accessibility assessment during the development phase rather than as a separate post-development step. By integrating contrast ratio checking into the development workflow, the system enables accessibility compliance to be addressed early, reducing the overall cost and complexity of implementing comprehensive accessibility standards.

Inventive Principle:
Principle #10Preliminary action

Data Source

PatentUS12093514B1Systems and methods of determining contrast for accessibility
Publication Date: 2024.09.17 JPMORGAN CHASE BANK NA
  • US12093514B1 patent drawing
  • US12093514B1 patent drawing
  • US12093514B1 patent drawing

AI summary

Systems, methods, and devices for determining a contrast of colors displayed by a digital user interface are disclosed, In one embodiment, in an electronic device including a processor, a compliance module is configured to receive a user selection of a graphical element displayed on a user interface of the electronic device; determine first color data associated with a background of the selected graphical element; determine second color data associated with a text string within the selected graphical element; determine a luminosity associated with the first color data and a luminosity associated with the second color data; calculate a color contrast ratio based on the luminosity associated with the first color data and the luminosity associated with the second color data; and display, at the user interface of the electronic device, the calculated color contrast ratio.