Contrib.social

Accessibility Issue with links.

Open on Drupal.org →
Created on 4 April 2024, about 1 year ago

Problem/Motivation

The dropdown button consists of links to sites which open in a new browser window, but this is considered an accessibility violation unless the user is warned. Currently users are not warned. While we can easily add visual warnings via CSS, assistive technology does not process these warnings.

Steps to reproduce

Proposed resolution

Add aria label information to warn users of assistive technology.

templates/addtocal-links.html.twig line 24 (old)

          <a href="{{ item.url }}" target="_blank" rel="noopener" aria-label="{{ item['aria-label'] }}">{{ item.title }}</a>

templates/addtocal-links.html.twig line 24 (suggested)

          <a href="{{ item.url }}" target="_blank" rel="noopener" aria-label="{{ item['aria-label'] }} - Opens in new tab.">{{ item.title }}</a>

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

3.0

Component

Code

Created by

🇺🇸United States kwfinken Lansing, MI

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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024