Navigation links don’t have an accessible name #106

Open
opened 10 months ago by Moiety · 2 comments
Collaborator

Where: navigation bar on the dashboard and create/edit page

What: the navigation links don’t have an accessible name. The accessible name is taken from the contents; since there isn’t any content this doesn’t indicate the link’s purpose.

Recommendations: Add a more descriptive accessible name through either a visually hidden <span> or aria-label attribute on the link.

navigation bar links

Where: navigation bar on the dashboard and create/edit page What: the navigation links don’t have an accessible name. The accessible name is taken from the contents; since there isn’t any content this doesn’t indicate the link’s purpose. Recommendations: Add a more descriptive accessible name through either a [visually hidden](https://www.a11yproject.com/posts/how-to-hide-content/) `<span>` or `aria-label` attribute on the link. ![navigation bar links](/attachments/910d227e-a411-44cf-8215-808fe894c764)
Moiety added the
Accessibility
label 10 months ago
Poster
Collaborator

Related to #107, might be able to solve them together.

Related to #107, might be able to solve them together.
Owner

So all of the navigation links have titles. Is it better to use the aria-label instead of title for better compatibility?

So all of the navigation links have titles. Is it better to use the `aria-label` instead of title for better compatibility?
are0h added this to the Fipamo Beta 2.6.2 milestone 10 months ago
are0h self-assigned this 10 months ago
are0h added this to the Fipamo Beta project 10 months ago
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: are0h/Fipamo#106
Loading…
There is no content yet.