Contrib.social

Visual inline view accessibility - screen readers have no way to identify additions/ removals

Open on Drupal.org →
Created on 21 December 2021, almost 3 years ago
Updated 21 May 2024, 6 months ago

Problem/Motivation

When comparing two versions, there is green and red highlighted text that visually indicates the differences between two versions. This is not conveyed to some assistive technology users such as screen reader users.

Steps to reproduce

  1. To compare two revisions, use the radio buttons from column A and B and press the compare button
  2. Click "Visual inline" button
  3. Green and red highlighted text appears

Proposed resolution

These elements are already correctly marked up using <ins> and <del> elements, therefore there is a recommended correction which adds the CSS content property, along with the ::before and ::after pseudo-elements.

See here:

Insertion fix

Deletion fix

Remaining tasks

None. Patch to follow.

✨ Feature request
Status

Needs review

Version

1.0

Component

Code

Created by

🇨🇦Canada mhowe91

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

Not all content is available!

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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024