What specific section or headline is this issue about?
button example
What information was incorrect, unhelpful, or incomplete?
in current example you use aria-expanded on button and label "show widget" and "hide widget" that also indicate a state it is confusing for screenreader user as state is already provided with aria-expanded.
What did you expect to see?
user "widget" as label for the button in the example
Do you have any supporting links, references, or citations?
MDN URL
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded
What specific section or headline is this issue about?
button example
What information was incorrect, unhelpful, or incomplete?
in current example you use aria-expanded on button and label "show widget" and "hide widget" that also indicate a state it is confusing for screenreader user as state is already provided with aria-expanded.
What did you expect to see?
user "widget" as label for the button in the example
Do you have any supporting links, references, or citations?
see https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/ only using aria-expanded to provide state information
Do you have anything more you want to share?
No response
MDN metadata
Page report details
* Folder: `en-us/web/accessibility/aria/attributes/aria-expanded` * MDN URL: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded * GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md * Last commit: https://github.com/mdn/content/commit/92447fec056cc89b7f28445851bea0c981fcbc12 * Document last modified: 2024-10-08T17:50:08.000Z