Improve visibility of Views UI's smallest font elements

Open on Drupal.org →

Created on 12 April 2015, over 9 years ago

Updated 20 May 2023, over 1 year ago

Problem/Motivation

Some of the smallest font sizes in the views UI admin theme are too small for people with impaired vision to read (12px or less).
This is an accessibility issue and we should be aiming to keep font sizes at 1em or larger.
In addition, when text sizes get bigger in views admin, the drop buttons will get bigger aswell. The buttons are positioned fixed en therefore hide the title text on smaller screen sizes, this will get worse when button size increases.

Proposed resolution

Similar to how Seven's font sizes were improved in #2045473: Improve visibility of Seven's smallest font elements → , I propose we remove any styles reducing font sizes below 1em, whether this involves flattening the font size hierarchy remains unsure.
Position drop buttons differently within view settings form, using inline-block and float left. Make sure that the styling also works on smaller screens.

Remaining tasks

Identify font sizes smaller than 1em.

fix positioning of drop button on views admin screen.

User interface changes

API changes

📌 Task

Status

Needs work

Version

10.1 ✨

Component

Last updated 3 days ago

Maintained by
🇩🇪Germany @dawehner
🇺🇸United States @tim.plunkett
🇬🇧United Kingdom @damiankloip
🇺🇸United States @xjm
🇳🇱Netherlands @Lendude

Created by

🇦🇺Australia njbarrett

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.

Novice
It would make a good project for someone who is new to the Drupal contribution process. It's preferred over Newbie.

Needs issue summary update
Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

Incomplete comments

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.

Comment almost 2 years ago →
🇮🇳India Shubham Sharma 77
The Seven theme has been removed from Drupal 10 core. However, this issue appears to apply to the Core Views Module no matter which theme is used.
Status changed to Needs review almost 2 years ago6:24am 7 February 2023
Comment almost 2 years ago →
🇮🇳India Shubham Sharma 77
Last patch #86 passed on 10.1.x and they are not targeting a specific theme.
Anyone, please review the patch.
Status changed to Needs work almost 2 years ago7:36am 7 February 2023
Comment almost 2 years ago →
🇳🇱Netherlands Lendude Amsterdam
Claro has overrides for this, which make the sizing dynamic, so the only way to see this is probably in Stark.
Comment over 1 year ago →
🇨🇦Canada mgifford Ottawa, Ontario
This isn't a WCAG SC, but still a good practice for readability.
Status changed to Needs review over 1 year ago4:24am 18 May 2023
Open in Jenkins → Open on Drupal.org →
Environment: PHP 8.1 & MySQL 5.7
last update over 1 year ago
29,388 pass
Comment over 1 year ago →
🇮🇳India gauravvvv Delhi, India
I have updated the fonts as per reference of Claro. Font size is still small in stable theme. Added after patch screenshot

Before patch

After patch
Status changed to Needs work over 1 year ago12:24am 20 May 2023
Comment over 1 year ago →
🇺🇸United States smustgrave
Can the issue summary be updated with the proposed solution.

Would be nice if new screenshots from 97 can be added too.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024