LeaVerou / css3test

How does your browser score for its CSS3 support?
http://css3test.com
MIT License
214 stars 83 forks source link

Improve keyboard accessibility #206

Closed PolariTOON closed 3 years ago

PolariTOON commented 3 years ago

This PR replace the dl elements with details elements, making tests expandable with the keyboard.

Then it makes spec and mdn links inside tests focusable with the keyboard.

It also displays a visual hint when focusable elements (e.g. links or summary elements) have the focus: a background color change or an outline.

This closes #205.

LeaVerou commented 3 years ago

Thank you!! Could you post a screenshot please?

PolariTOON commented 3 years ago

Sure!

All taken in Firefox Nightly (it looks the same in Chrome Dev and Epiphany TP):

LeaVerou commented 3 years ago

Cool, thanks! Merged.