"Local Tasks" behaves as navigation bar but uses "tab" language

Created on 29 February 2024, 10 months ago
Updated 22 March 2024, 9 months ago

Problem/Motivation

The "Local Tasks" bar uses semantic markup for a navigation bar, and behaves like one (clicking one of the links refreshes the page and focus is moved to the top). However the link for the current page has visually hidden text that says "active tab" (which is redundant since the active link also has an aria-current attribute).

Using the language of tabs implies the links should behave like tabs (which they don't): https://www.w3.org/WAI/ARIA/apg/patterns/tabs/

It's important for a component's appearance and semantics to convey the same expected behaviors: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html

Steps to reproduce

Log in and view a page with local tasks, such as your user profile.

Focus the links with a screen reader, or inspect them in dev tools; the active link has visually hidden text that says "active tab".

Proposed resolution

Remove "active tab" visually hidden text.

πŸ› Bug report
Status

Fixed

Version

10.3 ✨

Component
Menu systemΒ  β†’

Last updated about 3 hours ago

Created by

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024