Problem/Motivation

The functionality of the module is not accessible. The controls need to be either buttons or aria-labelled and they need keyboard support which is not available at the moment.

The control should show the toggle state for the element. aria-expanded=true|false

There are details what needs to happen when a tree is collapsed like the focus change and how the child elements are hidden so that they are not announced by screen readers.

Proposed resolution

Check for a11y improvements that can be implemented and make them real.

Remaining tasks

Check if it would it break something on existing sites.

Issue fork collapsible_dnd-3577016

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rogerpfaff created an issue. See original summary.

nickolaj made their first commit to this issue’s fork.

nickolaj opened merge request !9

nickolaj’s picture

nickolaj
Primary language Ukrainian
commented
Status: Active » Needs review

Patch adds accessibility improvements: changes collapser from

to with aria-expanded and aria-label attributes, adds aria-hidden on collapsed child rows, resets button styles, and adds visible focus indicator for keyboard navigation.
nagy.balint’s picture

nagy.balint commented
Status: Needs review » Fixed

This issue has been fixed with the last commit in dev.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.