Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

[Accessibility improvement] Improve breadcrumb menu #1541

Open
marcus-herrmann opened this issue Dec 6, 2019 · 0 comments
Open

[Accessibility improvement] Improve breadcrumb menu #1541

marcus-herrmann opened this issue Dec 6, 2019 · 0 comments

Comments

@marcus-herrmann
Copy link
Contributor

[This is a ticket for the "accessibility backlog"]

Screenshot of breadcrumb menu

The semantics of the breadcrumb menu could be improved

  • By making the unordered list (<ul>) an ordered list (<ol>)
  • By wrapping the list into a nav landmark region and give this region an accessible name, to help distinguish this nav region from the other (the main menu) like this: <nav aria-label="Breadcrumb">. Please note that the word navigation should not be part of the accessible name, the screen reader will annouce that this very region is a navigation region
  • Add Schema.org metadata: The <ol> should receive the attributes itemscope itemtype="https://schema.org/BreadcrumbList", whereas the single listitems should receive itemtype="https://schema.org/Thing" itemprop="item"
  • Set active link to aria-current="true"
@pascalwengerter pascalwengerter transferred this issue from owncloud/web Jul 28, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant