Unnecessary use of roles in aria basics article

[scottaohara]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics

What specific section or headline is this issue about?

Signposts/Landmarks

What information was incorrect, unhelpful, or incomplete?

this section / example should be rethought. per my other comments, there's actually very little that was improved here - since aside from the search role, all other roles added were redundant.

it is also sending a confusing message, because the header, footer and main elements did not have roles added to them - so is this trying to imply that the elements that had the roles added somehow lacked support? or were the redundant roles not added to these elements because they were forgotten?

What did you expect to see?

if redundant roles were to be added, i'd expect them to be added to all elements with a note specifically stating this was done to support legacy browsers (Internet explorer) but that no modern browser needs any of these roles to be added.

OR, the inaccessible demo should instead just use divs with IDs that match the landmark names - and then put roles onto those div elements instead - so that the whole section doesn't need to be rewritten.

ideally, this would also mention that the search element exists and that could be used in tandem with the form element (or instead of it if this was a JS powered search).

a better job identifying that all the mentioned elements have implicit roles so developers don't need to explicitly add them could be another way to handle this / provide a separate demo (if my other suggestion to make all the elements divs for the initial example was used) to show that HTML is all that's needed here.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

originally noticed these issues when reviewing / commenting on - #37520

MDN metadata

Page report details

• Folder: en-us/learn_web_development/core/accessibility/wai-aria_basics
• MDN URL: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn_web_development/core/accessibility/wai-aria_basics/index.md
• Last commit: 5b20f5f
• Document last modified: 2024-12-19T15:37:45.000Z