Digital Hall of Fame ARIA-Owns Audit for Composite Widgets
A digital hall of fame ARIA-owns audit is the process of examining every composite widget on your school’s recognition website and touchscreen kiosk—inductee search autocomplete dropdowns, sport and year filter panels, comparison tools, and tabbed inductee profile viewers—to verify that each widget correctly uses the aria-owns attribute whenever a widget’s associated content is rendered in a separate location in the DOM from the controlling element. The aria-owns attribute tells a screen reader’s accessibility tree that a specific element is the logical owner of one or more other elements that are not its DOM descendants—establishing the parent-child ownership relationship in the accessibility tree even when the HTML structure places those elements in a different branch of the document. Without aria-owns, a dropdown listbox that a JavaScript framework appends to the document body to avoid CSS clipping issues is invisible to the accessibility tree as a child of the combobox input that controls it; a screen-reader user who navigates by widget structure cannot find the suggestion list because, from the accessibility tree’s perspective, the input and the listbox are siblings in the body element rather than a combobox and its controlled popup. A digital hall of fame ARIA-owns audit maps every composite widget on the recognition platform to a clear pass, remediate, or remove decision, ensuring that blind alumni, parents with visual impairments, and community members who rely on assistive technology receive an accurate, navigable picture of the recognition interface regardless of where JavaScript frameworks choose to render widget content in the DOM.
Read More
