-
Notifications
You must be signed in to change notification settings - Fork 125
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Request for aria-description to set accessible description #891
Comments
Hi, as an FYI in the short term, the title attribute will set the accessible description property, which might be useful in some cases where supplementary information is needed. Of course this will also result in a tooltip for sighted mouse users too though. |
There's a long thread from 2011 that includes a request for aria-description. |
Using aria-describebdby with hidden extra nodes is already a widely adapted technique giving extra information for screen reader users. Of course it comes with the aforementioned disadvantages creating extra DOM stuff, therefore a property symmetric to aria-label is highly appreciated. But its score and usage must be clarified. ACCDC wrote: " Of course this will also result in a tooltip for sighted mouse users too though." With other words, since both of them will be overriding mapped to accessibleDescription, the APG requirement would be in this case to use the same text both for aria-description and the title attribute? Or can there be other visible alternatives for sighted users being recommended? Or should the usage of aria-description being limited to certain information for blind users and therefore NO visual information is needed at all? This could be also a valid use case since aria-label is also "invisible". Thoughts? |
There is a way to populate the accessible name with text offscreen using
It would allow developers to add helpful notes for screen readers and would help in the following ways:
|
PR: #1137 |
This was resolvd in #1137, cf. https://w3c.github.io/aria/#aria-description |
Given that user agent/AT support is widely spread for this attribute already, would it be possible to move it to ARIA 1.2? |
In a positive sense: hopefully not. ARIA 1.2 just reached Proposed Recommendation and should reach Recommendation status very soon. 1.3 should very quickly go into FPWD thereafter. |
For the accessible name/label of an element, there is aria-label to set the label directly and aria-labelledby to set it via reference to another node. However, for the description of an element, there is only aria-describedby. This requires providing extra descriptive content in a node elsewhere in the DOM to be referenced by
id
, even if its only purpose is for the description of another node.In developing, I've found that there are occasionally extra pieces of information that are visually understood but don't have a complete textual representation that need to be provided to AT users in order for it to make more sense. In order to provide that context, visually hidden nodes get added to the markup to expose them with
aria-describedby
. However, unless the nodes purely for description are also hidden from AT viaaria-hidden
or applying hidden CSS likedisplay: none
, an AT user will end up coming across that descriptive text separately, and potentially out of context.An example I've seen of this is on Twitter, where each tweet has a button for reply, retweet, and like. The button also includes the number of replies/retweets/likes there are. In this context, it's important that the button label matches the actual action the button has (reply/retweet/like), but it's also important to expose the information that indicates how many existing interactions there were (replies/retweets/likes). Twitter currently uses
aria-describedby
with a set of nodes that are all at the beginning of the action section and it confusingly gets read out as text prior to reaching the related buttons.Some of the benefits I see to having an
aria-description
attribute:id
s on several nodesThe text was updated successfully, but these errors were encountered: