Page Element Color Transformation for Color-Blind Accessibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices pose recognition barriers for individuals with color blindness or color weakness due to inadequate color matching and image-to-voice functionality in existing applications.
Innovation Solution
A method and apparatus that acquire initial color and size information of target elements, generate simulated and target color information using transformation strategies, and redraw elements to enhance visibility for color-impaired users, employing an intersection observe API for asynchronous data acquisition and optimization.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If standard color schemes are used in applications, then development is simple and fast, but color recognition for color-impaired users deteriorates
Solution Approach 1:
The system transforms color parameters from standard RGB values to simulated color blindness values using mathematical transformation matrices. By changing the color space parameters to simulate how color-impaired users perceive colors, the system identifies problematic color combinations and adjusts them to ensure distinguishability while maintaining development efficiency through automated processing.
Solution Approach 2:
The system creates a simulated copy of the visual experience for color-impaired users by generating simulated color information based on their visual characteristics. This virtual copy allows developers to test and optimize color schemes without needing actual users with color blindness, thus maintaining productivity while improving accessibility.
2Reliability
If image-to-voice function modules are added to provide color information, then accessibility for color-impaired users improves, but device complexity increases
Solution Approach 1:
The system extracts only the essential color information that needs to be conveyed to color-impaired users and separates it from the main application flow. By extracting color simulation and evaluation as independent modules, the system provides accessibility enhancements without requiring complete restructuring of the application, thus limiting the increase in complexity.
Solution Approach 2:
The color simulation module serves multiple functions: it simulates color blindness effects, evaluates color distinguishability, and provides optimization recommendations. This multi-functional approach eliminates the need for separate image-to-voice modules, achieving accessibility improvements while avoiding additional complexity.
3Reliability
If color optimization is performed for all elements, then color recognition for color-impaired users improves, but processing time increases
Solution Approach 1:
The system applies color optimization selectively to specific elements that require it, rather than uniformly to all elements. By identifying and optimizing only those elements with poor color distinguishability for color-impaired users, the system improves accessibility while minimizing processing time through targeted optimization.
Solution Approach 2:
The system performs partial optimization by focusing on critical color elements that have the greatest impact on usability for color-impaired users. Rather than optimizing every single element, it applies optimization to the most important elements, achieving sufficient accessibility improvement with reduced processing time.
Data Source
AI summary
A method and apparatus for generating a page are provided. The method comprises: obtaining initial color information and size information of a target element in a window of an initial page; based on the initial color information, using a first color transformation strategy to generate simulated color information of the target element; in response to determining that the simulated color information of the target element satisfies a preset condition, on the basis of the initial color information of the target element, using a second color transformation strategy to generate target color information of the target element, the prese condition representing the degree of friendliness of a simulated color to the characteristic population; and redrawing the target element on the basis of the target color information and size information to obtain a target page.