Accordion - heading structure

[mmcelroy1]

What is missing?

Heading structure applied to accordion items for readability.

What is wrong now ?

Currently no heading structure applied, screen reader lists this out as an item.

Possible Solution

If an accordion sits underneath a H1 item, all accordion headings to be H2 (then content within this to start from H3). If an accordion sits underneath a H2 item, all accordion headings to be H3 etc.

So for example H1 (Heading - page heading) H2 (Accordion item - added automatically when adding accordion, content editors do not need to update) H3 (Heading within accordion content - added by content editor)

or

H1 (Heading - page heading) H2 (Sub heading - added in page by content editor) H3 (Accordion item - added automatically when adding accordion, content editors do not need to update) H4 (Heading within accordion content - added by content editor)

Context

To provide a structure of content within the page using accordions

Your Environment

• Foundation version(s) used: 6.7.4
• Browser(s) name and version(s):
• Device, Operating System and version:

Checklist

• [ ] I have read and follow the CONTRIBUTING.md document.
• [ ] There are no other issues similar to this one.
• [ ] The issue title and template are correctly filled.

[CBID2]

Hi there! I’d like to try and solve this issue if it’s still available! :)