Contrib.social

[meta] Some interface components don’t meet the minimum target size

Open on Drupal.org →
Created on 3 December 2024, 18 days ago

Problem/Motivation

Some interface components currently don’t have the minimum target size of at least 24 by 24 pixels to meet WCAG2.2 SC2.5.8. There are four ubiquitous components (*a good sample page, with the token module installed, covering all four of them is admin/config/people/accounts) :

  • Links – all links that are not constrained by the line-height of non-target text, a few examples Add section/Add block in Layout Builder, the blocks on Choose a block sidebar in Layout Builder and Navigation Layout, the group toggles Choose a block sidebar in Layout Builder and Navigation Layout, links in tables like /admin/content, Show row weight, Browse available tokens or Views pages like admin/structure/views/view/content, to name a few examples, but there might be many more
  • Checkboxes
  • Radio Buttons
  • Form element labels

Then there are a few components that occur less often:

  • Grid/table toggle – in the add or select media dialog modal
  • Cog button – on for example the Manage form display and Manage display pages
  • drop buttons in the ckeditor5 toolbar

Steps to reproduce

For convenience in testing either use the target size bookmarklet by Steve Falkner:
https://html5accessibility.com/stuff/2023/08/28/quick-and-very-dirty-tar... or inspect elements in your browser's developer tools

Proposed resolution

Decide how to tackle and chop up the issues listed in the problem and motivation section, and then create well scoped child issues accordingly.

Remaining tasks

User interface changes

Introduced terminology

API changes

🐛 Bug report
Status

Active

Version

11.0 🔥

Component

Claro theme

Created by

🇩🇪Germany rkoller Nürnberg, Germany

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.

  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024