Extensible Browser Popup Controls with Accessibility Event Handling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing browser technologies face challenges in providing accessible and extensible popup controls for mobile devices and desktops, particularly in handling DOM event propagation issues and accommodating assistive technologies, which limits user interaction and accessibility for individuals with disabilities.
Innovation Solution
The development of a popup control development subsystem that includes a data store for accessibility attributes, an executable component engine for rendering extensible browser components, and event handling mechanisms that utilize mouseup and blur events to manage popup visibility, ensuring compatibility with assistive technologies and improving accessibility.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If traditional browser technologies are used to implement popup controls, then basic functionality is achieved, but accessibility for individuals with disabilities and compatibility with assistive technologies is limited
Solution Approach 1:
The popup control is divided into separate functional components: trigger component, target component, and event handling mechanisms. This segmentation allows each component to be independently optimized for accessibility, with specific event handlers (mouseup, blur) assigned to different components to ensure proper assistive technology compatibility
Solution Approach 2:
The patent introduces intermediary event handling mechanisms that mediate between traditional browser events and assistive technology requirements. The blur event handler acts as an intermediary to detect when focus moves away from the popup, enabling proper accessibility management without disrupting standard browser functionality
2Ease of operation
If DOM event propagation is handled using traditional methods, then standard browser behavior is maintained, but popup visibility management and interaction with assistive technologies become problematic
Solution Approach 1:
Instead of using traditional click event propagation to manage popup visibility, the patent inverts the approach by using mouseup events combined with blur event detection. This inversion allows the popup to remain open during the click action and only close when focus actually leaves the element, providing better visibility management and accessibility
Solution Approach 2:
The patent implements preliminary event binding where mouseup and blur event handlers are pre-configured on the trigger and target components. This preliminary setup ensures that event propagation is properly managed before user interaction occurs, simplifying the overall event handling complexity while improving popup visibility control
Data Source
AI summary
The technology disclosed describes systems and methods for implementing extensible browser executable components, such as popup controls for action, checkbox and radio button dropdown menus, modals, dialogs, date pickers and autocompletes. The disclosed technology systems and methods can also be used for rendering executable components for mobile application interfaces. The technology further discloses systems and methods for providing support for developers whose goal is to render specific implementations of browser executable components. The technology disclosed also describes systems and methods for bypassing suppression of DOM click event bubbling for a popup controls for action, checkbox and radio button dropdown menus, modals, dialogs, date pickers and autocompletes; and discloses systems and methods for implementing modal interaction between an iframe and a popup control.