Problem/Motivation

Twig templates, CSS, and JS should be updated for all accordion elements to be accessible out of the box

Example: https://www.aims.edu/about
This Aims example has been Approved by BIT

  1. Excellent keyboard focus
  2. Correct use of headings
  3. Correct use of aria
    1. aria-expanded
    2. aria-controls
    3. aria-labelledby
  4. Animations are subtle and enhance the experience

This is approved if it follows AIMS and works via mouse and keyboard.

Issue fork prototype-3312196

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

michaelablackham created an issue. See original summary.

jldust’s picture

jldust commented
Version: 8.x-3.x-dev » 4.x-dev

b-ry made their first commit to this issue’s fork.

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

philip_stier opened merge request !25

philip_stier’s picture

philip_stier commented

@jldust - I've created an Accordion component that is ready for review with a merge request :) I've tested for A11Y and browsers.

jldust’s picture

jldust commented
Status: Active » Reviewed & tested by the community

This looks great, thanks for making the updates. Pulling into the 4.x branch for next release, we will need adjustments before this can be pulled into 5.x.

jldust’s picture

jldust commented
Status: Reviewed & tested by the community » Fixed
jldust’s picture

jldust commented
Status: Fixed » Closed (fixed)

This has been included in the 4.0.0 release