Understanding Widget Limitations with iFrames and Shadow DOM
Any content inside an iFrame or within a shadow DOM is inaccessible to our widget.
The iFrame and shadow DOM components are protected by the browser for security reasons. This limitation affects all listed issues regarding accessibility within these contexts.
However, it is important to note that this does not negatively impact the experience of native screen reader users. Native screen readers have access to the accessibility tree provided by the operating system, while UserWay’s widget retrieves accessibility details from the browser’s DOM.
JavaScript Interaction with the DOM
The UserWay Widget operates as a JavaScript library that runs within the JavaScript browser context. It interacts with a page’s DOM structure solely through the mechanisms provided by the JavaScript engine. This interaction can be limited in certain scenarios.
Challenges with the select Element
The select element is notoriously challenging to manage effectively via JavaScript or CSS. This difficulty arises because the select element contains complex inner structures with encapsulated logic and styling that are not exposed outside the element.
Consequently, the target page’s JavaScript logic is not permitted to track:
- Dropdown opened/closed
- User alternates dropdown options
On the other hand, operating system-level technologies, such as NVDA and JAWS, can perform these functions. This capability is due to their utilization of Browser APIs, which provide more comprehensive information about selected or focused UI components.
If you require additional assistance, feel free to contact us at desk@support.userway.org.