Web Page Accessibility Compliance Reporting System
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web standard compliance testing methods are inefficient, as they rely on line numbers in HTML code, which are not useful for developers familiar with rendered views, and lack flexibility for planned phase-wise testing and maintenance, especially for large HTML and JavaScript codes.
Innovation Solution
A system and method for reporting web standard non-compliance using an HTML overlay report with customizable controls and image markers, allowing users to select parameters for viewing errors in a planned manner, with recommendations for remedying each error, and maintaining a real-time web page state by downloading relevant files.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Extent of automation
If line number approach is used to report web standard non-compliance, then automated testing can be performed, but the reports become ineffective for developers working with server-side technologies and WYSIWYG editors
Solution Approach 1:
The patent introduces an intermediary layer between the automated tester and the developer. Instead of directly providing line numbers from HTML source code, the system translates these into visual markers overlaid on the rendered web page. This intermediary translation layer makes the test results meaningful to developers who work with the visual representation rather than raw code.
Solution Approach 2:
The patent creates a visual copy of the web page with overlaid markers that replicate the structure and appearance of the original page. The markers are positioned corresponding to the locations of non-compliant elements, providing developers with a visual copy that preserves spatial relationships while highlighting issues.
2Reliability
If all web standard non-compliance instances are displayed ad-hoc, then complete testing coverage is achieved, but flexibility for planned phase-wise testing and maintenance is lost
Solution Approach 1:
The patent implements dynamic filtering capabilities that allow the testing system to adapt its behavior based on user needs. Instead of statically displaying all non-compliance instances, the system dynamically adjusts which markers are visible based on selected criteria such as severity level, accessibility guideline, or element type, enabling planned phase-wise testing.
Solution Approach 2:
The patent segments the comprehensive list of non-compliance instances into categorizable groups based on severity and type. This segmentation allows users to systematically address issues in phases, focusing first on critical accessibility violations and then on minor issues, maintaining both coverage and flexibility.
3Measurement precision
If manual accessibility testing by skilled web designers is performed, then comprehensive accessibility assessment is achieved, but the process becomes cumbersome and costly for large volumes of existing web pages
Solution Approach 1:
The patent implements automated self-testing capability where the system independently analyzes web pages for accessibility compliance without requiring human intervention for each assessment. The automated parser and marker system perform the evaluation function, freeing skilled designers for higher-value tasks while maintaining assessment quality.
Solution Approach 2:
The patent replaces the mechanical process of manual visual inspection with an automated computational system. The parser automatically extracts HTML elements, the accessibility guidelines are computationally applied, and markers are automatically positioned, substituting human analytical labor with automated processing that scales efficiently.
Data Source
AI summary
A method and system for reporting web standard non-compliance of web pages is provided. The method includes receiving a local copy of the web page to be tested for web standard non-compliance. The method further includes determining a set of errors on the web page corresponding to a user specified accessibility guideline. Thereafter an HTML overlay report is generated based on the determined set of errors. Further, a set of controls is generated based on the user specified accessibility guideline, the local copy and the set of errors. Finally, one or more controls are selected from the set of controls and based on the one or more selected controls and the determined set of errors one or more images are associated with each HTML element non-conformant to the accessibility guideline on the web page.