Accessibility Issue with links.

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