[code-infra] Arbitrate between role="presentation" and role="none"

[oliviertassinari]

Steps to reproduce

See https://www.digitala11y.com/none-role/

The role “none” was added to act as an alias for role=”presentation”, and both are the same and perform the same action. This was meant to provide clarity for those who were confused by the word “presentation.”

Current behavior

We use both

<div role="presentation">

and

<div role="none">

Expected behavior

We only use one. We have an eslint rule to avoid regressions.

I'm leaning on role="none" because:

• It's clearer, in terms of meaning
• It's shorter for reading it in the dev tools
• It's uses less space for bundle size
• The other might be deprecated Use of role="none" w3c/aria-practices#515

Context

https://html5accessibility.com/stuff/2021/04/12/short-note-on-role-none-or-presentation/