Skip to content
This repository was archived by the owner on Jan 11, 2023. It is now read-only.

Accordion accessibility enhancement#6026

Merged
darkwing merged 7 commits into
firefox-devtools:masterfrom
jawyoonis:accordion-enhancement
Apr 19, 2018
Merged

Accordion accessibility enhancement#6026
darkwing merged 7 commits into
firefox-devtools:masterfrom
jawyoonis:accordion-enhancement

Conversation

@jawyoonis
Copy link
Copy Markdown
Contributor

Fixes Issue: #4080 checkbox #4 -Headers/Panels should at least have list/listitem semantics including expanded and collapsed states.

Summary of Changes

We changed the header panels from divs to lists and we also added aria roles to use list/lisitems for headers/panels.

  • change 1- Changed divs to list
  • change 2-Added aria roles to list/listitems semantics
  • change 3-addressed requests from @darkwing in PR#5949

Test Plan

You can use debugger tool's console to verify that header/panels are now lists and have aria roles.

@darkwing
Copy link
Copy Markdown
Contributor

Awesome work here @jawyoonis ! The only update I made was a padding update for RTL languages. If tests pass we'll get this in. AWESOME!

@darkwing darkwing merged commit e2a59d3 into firefox-devtools:master Apr 19, 2018
jasonLaster pushed a commit that referenced this pull request Apr 21, 2018
* Converted accordian to list

* enhance accordion accessiblity

* fixed css formatting

* removed extra testing code

* Remove files that shouldn't have been included

* Fix padding for RTL
@jawyoonis jawyoonis deleted the accordion-enhancement branch April 24, 2018 17:34
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants