Optical UX Element Extraction for Accessibility Compliance
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current accessibility tools primarily focus on evaluating live sites and do not effectively provide granular guidance for static user experience (UX) designs, making it challenging for product designers to ensure adherence to accessibility standards during UI development.
Innovation Solution
A system and method that optically extracts page elements from a UX prototype image, automatically classifies them, and generates accessible UX design guidance materials by matching the elements with corresponding accessibility rules, providing developers with implementation details.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If accessibility tools are used to evaluate live sites, then accessibility issues can be identified, but granular guidance for static UX designs cannot be provided
Solution Approach 1:
The system performs accessibility evaluation on static UX design images before the actual development and deployment. By extracting page elements from design images and matching them with accessibility rules, the system provides granular guidance during the design phase, enabling designers to address accessibility issues before implementation, thus resolving the limitation of traditional tools that only evaluate live sites
2Reliability
If accessibility adjustments are made before product release, then accessibility compliance is improved, but multiple teams and iterations are required
Solution Approach 1:
The system automatically extracts page elements from UX design images using optical character recognition and machine learning, then autonomously matches these elements with relevant accessibility rules from a database. This automated self-service approach eliminates the need for multiple teams (designers, developers, QA personnel, consultants) to manually review and iterate on accessibility compliance, significantly reducing process complexity while maintaining high compliance standards
3Reliability
If static UX designs follow accessibility rules, then accessibility compliance is improved, but granular detail for UI development is not specified
Solution Approach 1:
The system segments the accessibility evaluation into granular components by extracting individual page elements (images, links, forms, videos, etc.) from the UX design image and providing specific accessibility rules for each element type. This segmentation delivers detailed, actionable guidance for each UI component rather than general compliance advice, enabling developers to implement precise accessibility features during UI development
Data Source
AI summary
A system and method for generating accessible user experience (UX) design guidance materials for software products uses page elements that are optically extracted from an input UX prototype page image and automatically classified into predefined element types to find accessibility rules for at least some of the extracted page elements. At least one accessible UX design guidance material is generated for the input UX prototype page image that indicates the extracted page elements and the accessibility rules corresponding to at least some of the extracted page elements.