508 review issue: View, Edit, Devel cannot be tabs, change to tags or links?

Created on 8 June 2022, over 2 years ago
Updated 9 February 2023, almost 2 years ago

Problem/Motivation

During a recent 508 evaluation on a USWDS-based site, the following was reported back to us regarding the tabs at the top of a node (e.g., View, Edit, etc.):

Although the Edit and View links are styled to look like tabs, they do not interact like tabs. Tabs make dynamic changes to a page upon activation. The Edit and View links target a link and cause the browser to load a new page. They may be styled to look like tabs for visual users, but they are just ordinary links and should be interpreted as links by assistive technologies.

Steps to reproduce

Look at any node as an admin and note:

  • <nav aria-label="Tabs">
  • <h2 class="visually-hidden">Primary tabs</h2>
  • <li> tags with "(active tab)"

Proposed resolution

Replace "tabs" with something else, perhaps a USWDS button group.

✨ Feature request
Status

Active

Version

2.4

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States John Franklin

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024