Comments (3)
One of the requests that always came into the ARIA group was to allow CSS-syntax in reference pointers. For example, this dialog is labeled by the first heading inside it. aria-labelledby="self > h1"... Of course that syntax didn't fly for a number of reasons.
The JavaScript object reference would solve most of the use cases for the CSS requests, since a web author could always use querySelector to get the element ref.
from aom.
I believe that the arrow syntax to break through web component boundaries was removed from the spec, so that made that idea really not work. It basically only would have helped with avoiding an id on every element within the same tree scope.
from aom.
Here's the other text I wrote up, to be merged.
Some ARIA attributes express relationships between DOM elements via an IDREF, where one element specifies the ID of the other. Two examples are aria-labelledby, and aria-activedescendant.
There are two drawbacks to this:
It can be cumbersome to add an ID to every element that needs to be referenced, for example adding an ID to every item in a dynamic list box so that the active descendant can be updated as the selected item in the list changes.
There are times when it's desirable to express a relationship between two elements that are within the same origin, but not the same ID namespace. For example, it's not possible in ARIA to express a relationship between two elements in different frames (even from the same origin), or between an element in the main page and an element inside a web component's shadow DOM.
Making it possible to implement accessibility support on the web via scripting would address this problem. Instead of setting an element's aria-activedescendant attribute to the ID of another element, it would be possible to directly establish the descendant relationship between one Element object and another Element object.
from aom.
Related Issues (20)
- Consider user action event for multi-select HOT 2
- Element activation and synthesized events HOT 2
- Content attribute to import/export IDs across shadow boundaries HOT 36
- report associated pointerId for a selectionchange
- Are there any plans to create mappings similar to those in MathML-AAM?
- Confirmation of Action: notification API should be available on elements too HOT 1
- Using serialised AOM as snapshot for UI testing HOT 2
- Clarification of purpose of synthesized keyboard events
- Thoughts on/review of CloseWatcher proposal and relation to synthesized events HOT 8
- Should getComputedAccessibleNode() take a node, instead of an element? HOT 4
- AOM and controlling screen reader HOT 1
- Confirmation of Action: (ariaNotify) general feedback for consideration HOT 7
- update caniuse
- IDL element references attributes names HOT 1
- ARIA element reflection across non-descendant/ancestor shadow roots HOT 28
- Remove ARIA reflection spec in this repo and point to ARIA editor's draft
- Encapsulation-preserving IDL Element reference attributes HOT 10
- Shadow inputs in Form-Associated Custom Elements should be allowed to be hidden from AOM
- Computing the Accessible Backing Node, or a similar test-only interface HOT 28
- RFC: Semantic Delegate "Explainer"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from aom.