Detecting Keyboard Inaccessible Nodes in Web Pages
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current static analysis tools are unable to detect keyboard and mouse events for dynamically generated web page elements, leading to manual and time-consuming Accessibility Verification Tests, which are error-prone.
Innovation Solution
A method and apparatus that acquire all nodes in a web page's structural tree, identify mouse operable nodes, and check their keyboard navigability and operability, extracting keyboard non-navigable and inoperable nodes using a tool like Web King, which analyzes static web pages and simulates events to determine accessibility.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If static analysis tools are used to detect keyboard and mouse events, then the detection process is simplified, but dynamically generated web page elements cannot be detected
Solution Approach 1:
The patent employs dynamic analysis by injecting JavaScript code into the web page to automatically trigger and detect events. Instead of static code analysis, the system executes scripts that simulate user interactions, allowing detection of both static and dynamically generated elements through runtime behavior observation.
Solution Approach 2:
The patent introduces an intermediary detection mechanism that bridges static analysis and dynamic behavior. By using automated scripts as intermediaries, the system can detect events on dynamically generated elements without requiring manual testing, thus maintaining simplicity while improving adaptability.
2Measurement precision
If manual Accessibility Verification Tests are conducted, then all elements can be verified, but the process is time-consuming and error-prone
Solution Approach 1:
The patent implements self-service automation where the detection system automatically executes test cases, navigates the web page, triggers events, and generates reports without human intervention. This eliminates manual errors and significantly reduces testing time while maintaining comprehensive verification coverage.
Solution Approach 2:
The system incorporates automated feedback mechanisms that continuously monitor event detection results and adjust testing strategies accordingly. This enables rapid iteration and comprehensive coverage without the time cost of manual retesting, improving both accuracy and efficiency.
3Adaptability or versatility
If automated detection of dynamically generated elements is implemented, then detection coverage is improved, but the complexity of the detection system increases
Solution Approach 1:
The patent employs a universal detection framework that handles both static and dynamically generated elements through the same automated script injection mechanism. This multi-functional approach expands detection coverage without proportionally increasing system complexity, as the core mechanism remains consistent across different element types.
4Measurement precision
If event simulation is used to detect keyboard operability, then accurate detection is achieved, but the detection process becomes more complex
Solution Approach 1:
The patent replaces manual mechanical testing with automated JavaScript event simulation. This substitution maintains high detection accuracy by programmatically triggering and capturing events, while reducing operational complexity through script-based automation rather than manual intervention.
Data Source
AI summary
A method and apparatus for identifying a keyboard inaccessible node on a web page. The method may include acquiring all nodes in a DOM tree of the web page; identifying a mouse operable node among all the nodes; checking whether or not said mouse operable node is keyboard navigable and whether or not said mouse operable node is keyboard operable; and extracting the keyboard non-navigable node and the keyboard inoperable node as said keyboard inaccessible node.