Aria-label for external links span throws errors on Accessibility Arc Toolkit

Created on 16 November 2020, over 4 years ago
Updated 9 July 2024, 9 months ago

Problem/Motivation

It is important that the Web be accessible to everyone in order to provide equal access and equal opportunity to people with disabilities.

Steps to reproduce

  • Create and publish a node with external links
  • Right click on the link created and inspect the element
  • View source and look for <span class="ext" aria-label="(link is external)">
  • On the console toolbar, click on Arc Toolkit
  • Click on "Run Test" and filter by "Errors"
  • The "Aria" section, under "Aria Usage", will report the following error

    aria-label=(link is external)tag: SPAN
    ariaLabelOnNonInteractiveElement - Error: aria-label is used on an element which does not reliably convey this attribute - Recommend: Put aria-label on an active element or an element with a role defined, or use visually hidden text instead

Proposed resolution

Aria-label should use visually hidden text.

πŸ› Bug report
Status

Closed: outdated

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States programmerdiego

Live updates comments and jobs are added and updated live.
  • Needs accessibility review

    Used to alert the accessibility topic maintainer(s) that an issue significantly affects (or has the potential to affect) the accessibility of Drupal, and their signoff is needed (see the governance policy draft for more information). Useful links: Drupal's accessibility standards, the Drupal Core accessibility gate.

Sign in to follow issues

Merge Requests

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