Skip to content

Need clarification on the "more info" icon usage in relation to tooltip #42676

@Infor-Calvin

Description

@Infor-Calvin

MDN URL

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/tooltip_role

What specific section or headline is this issue about?

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/tooltip_role#:~:text=The%20tooltip%20is%20not%20the%20appropriate%20role%20for%20the%20more%20information%20%22i%22%20icon%2C%20%E2%93%98.%20A%20tooltip%20is%20directly%20associated%20with%20the%20owning%20element.%20The%20%E2%93%98%20isn%27t%20%27described%20by%27%20detailed%20information%3B%20the%20tool%20or%20control%20is.

What information was incorrect, unhelpful, or incomplete?

The article referenced a common pattern of using the "more info" icon ⓘ to display tooltips. It mentioned what to avoid, but did not mention what to do instead. The framing make it sounds like maybe this common pattern should not be used at all.

What did you expect to see?

Better clarity on how to make this common pattern ARIA accessible and an example below. Or outright declare it's not a pattern to be followed going forward.

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

No response

Do you have anything more you want to share?

Similar concern has been asked on Stackoverflow
https://stackoverflow.com/questions/70742579/what-is-the-correct-aria-role-for-a-more-info-icon

MDN metadata

Page report details

Metadata

Metadata

Assignees

Labels

Content:AccessibilityAccessibility docshelp wantedIf you know something about this topic, we would love your help!

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions