Problem/Motivation

In the proposed designs for the new admi ui the row height for tables has been increased. An increased row height will display fewer items per screen and require more scrolling, creating a greater cognitive load for some users.

In comment #20 in the basic table theming issue, @modulist suggested to provide an affordance to choose alternative settings for table cell padding to vary the row height, like Gmail's Comfortable/Cozy/Compact settings.

Proposed resolution

Provide an affordance to choose alternative settings for table cell padding to vary the row height

Remaining tasks

  • Reseach possible solutions
  • Choose the best solution
  • Implement it

User interface changes

It will affect all tables in Drupal core, and will need to be integrated with other features in tables like draggable tables.

CommentFileSizeAuthor
table.png45.37 KBckrina

Comments

ckrina created an issue. See original summary.

ckrina credited modulist.

ckrina’s picture

lauriii’s picture

Is this a blocker or nice to have feature?

ckrina’s picture

I'd say a (really good) nice to have because we don't have it right now, so maybe not to block an stable release? But the last call should be by someone with more a11y experience. :)

modulist’s picture

(clears throat and affects authoritative voice)
This is not a critical accessibility issue that prevents certain users from being able to use the Drupal authoring platform entirely. Therefore it should not block a stable release.

saschaeggi’s picture

Status: Active » Postponed

@modulist @ckrina as I also think this shouldn't block a release as the goal is to change as little as possible. I change this ticket to "postponed" for now. But we'll keep an eye on this one for sure!

nod_’s picture

I can help navigate the code if someone is up for it.

andrewmacpherson’s picture

Issue tags: +accessibility

I like this proposal a lot. It could be a simple button/select at the top of the table. (Is there a "small button" style proposed?).

will need to be integrated with other features in tables like draggable tables.

In Seven these currently use a show-weight button (styled to look like a link, meh) just before the start of the table. It doesn't seem like a big stretch to put a pair of (small) buttons at the start of the table like this.
It could go a little bit further with a grouping container style for these "table preferences controls".

For draggable tables, there is a secondary benefit to letting users adjust the table row size: it affects the target size of the drag operation. It will be great if the larger version rows are at least 44px in height, to address WCAG 2.5.5 Target Size (this is level AAA, nice to have, but not an a11y gate blocker). So now you have some meaningful choices for the user: small rows, to view more at once, or drag across a lot of rows at once, vs. large rows which can be easier to read and helpful for users who are less confident with the pointer. And row weights still replace drag entirely for users who need/prefer that.

mgifford’s picture

Issue tags: -accessibility (duplicate tag) +Accessibility

Fixing the accessibility tag.

ckrina’s picture

Since there have been several request to add customizable settings, we've opened a first issue to figure out how to start this and discussing things like who should be able to customize what things and where (user vs site-builder). Please feel free to add any thoughts in there: #3067273: Provide form for customizable settings.

huzooka’s picture

Project: Claro » Drupal core
Version: 8.x-1.x-dev » 8.9.x-dev
Component: Code » Claro theme

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.