Improve accessibility

Created on 16 June 2021, about 3 years ago
Updated 2 May 2024, about 2 months ago

Problem/Motivation

There are two known accessibility issues. They're related to one another, so I've created a single issue.

  1. Keyboard navigation - When a user tabs through a page, the tooltip cannot be tabbed to.
  2. Screen reader - When using a screen reader, the tool tip definition is read first, followed by the glossary term. This is a confusing reading experience.
  3. Screen reader - There is no option to skip the definition, it is always read aloud. Ideally, the option to read the definition is given.

Steps to reproduce

  1. Tab through a page with a glossary term using the keyboard. Read a page with a tool tip definition with VoiceOver in Chrome.
  2. Read aloud a page with a glossary term using VoiceOver in Chrome.

Proposed resolution

  1. Code tooltip to be tabbable
  2. Ideal Solution: Code the definition in a manner recognizable to screen readers so that a user can chose whether to read the definition aloud.

    Less Ideal Solution: Code the definition so that it is skipped by screen readers. If the Glossify setting is set to show the tooltip and link the term to a definition page there is at least a way for a user to get to the definition.

Further Reading: Tooltips Accessibility Best Practices (including example code)

Remaining tasks

User interface changes

API changes

Data model changes

๐Ÿ› Bug report
Status

Active

Version

3.0

Component

Code

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States cedewey Denver, CO

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

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.69.0 2024