Skip to content

Icons by default have less-than-useful aria-label/title #1849

Open
@jancborchardt

Description

@jancborchardt

For example, the search in the top right was read by screenreaders as "Magnify icon" because that’s the aria-label and title of the icon:
magnify icon
(Fixed via nextcloud/server@83eb806 )

Since even we are doing this mistake, it is very possible that this issue will come up more and more in other apps as well, which would not be good.

Maybe a good solution would be to make the "title" attribute mandatory for icons at least when they are used as icons only? E.g. in the button component where there are icon-only buttons, or in the ActionMenu toggle, or the AppNavigationToggle. @skjnldsv @ma12-co

Edit: Also, the "title" should then be empty if the icon is used decoratively, like in a button component when text is next to it.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityMaking sure we design for the widest range of people possible, including those who have disabilitiesenhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions