Skip to content

Make checkboxes in element select component focusable, remove Data Grid-type selection#14120

Merged
brandonkelly merged 24 commits into5.0from
feature/acc-45-element-index-view
Jan 11, 2024
Merged

Make checkboxes in element select component focusable, remove Data Grid-type selection#14120
brandonkelly merged 24 commits into5.0from
feature/acc-45-element-index-view

Conversation

@gcamacho079
Copy link
Copy Markdown
Contributor

@gcamacho079 gcamacho079 commented Jan 9, 2024

Description

A few things this PR tries to achieve:

  • Turn off makeFocusable for element indexes and element select inputs. While the intent was to minimize tab stops by implementing an ARIA grid, it's not fully implemented (as focusable elements elsewhere in the table are still in the tab order); if it were fully implemented, the grid pattern can still be confusing for many users.
  • The keyboard interaction pattern is more predictable, as it’s clear what keys should be pressed to toggle the checkbox.
  • State information is now conveyed to screen reader users. Previously, there was no state information about selected vs. unselected elements.

Related issues

Resolves ACC-31, ACC-44, ACC-45

@linear
Copy link
Copy Markdown

linear Bot commented Jan 9, 2024

@gcamacho079 gcamacho079 added the accessibility 👤 features related to accessibility label Jan 9, 2024
@gcamacho079 gcamacho079 marked this pull request as ready for review January 10, 2024 20:59
@gcamacho079 gcamacho079 changed the title Make checkboxes in element select component focusable, remove Data Grid-type selection (WIP) Make checkboxes in element select component focusable, remove Data Grid-type selection Jan 10, 2024
@linear
Copy link
Copy Markdown

linear Bot commented Jan 10, 2024

# Conflicts:
#	src/web/assets/cp/dist/cp.js
#	src/web/assets/cp/dist/cp.js.map
# Conflicts:
#	src/web/assets/admintable/dist/js/app.js
#	src/web/assets/admintable/dist/js/app.js.map
#	src/web/assets/pluginstore/dist/css/app.css.map
#	src/web/assets/pluginstore/dist/js/app.js
#	src/web/assets/pluginstore/dist/js/app.js.map
[ci skip]
@brandonkelly brandonkelly merged commit 9a4bec1 into 5.0 Jan 11, 2024
@brandonkelly brandonkelly deleted the feature/acc-45-element-index-view branch January 11, 2024 22:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility 👤 features related to accessibility

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants