search

swiss / styleguide

admin.ch styleguide
https://swiss.github.io/styleguide
MIT License
125 stars 37 forks source link

Collapsible panel: No keyboard accessibility #497

Closed ccweb closed 7 years ago

ccweb commented 7 years ago

Collapsible panel does not get the focus, when accessing the page via keyboard. Tested on page: https://swiss.github.io/styleguide/en/content-containers.html#02-content-containers-03-collapsible-panel

  1. Navigate through page by pressing the tab key.
  2. The Link «Collapsible panel» gets the focus and one tab keystroke later the </> Link gets the focus collapsible-panel
bit-pro-iew-eui commented 7 years ago

Reproduced issue on IE11, the second collapsible group is either not accessible through the keyboard. In Chrome the behaviour is different.

ccweb commented 6 years ago

This problem is still existing. The first collapsible panel (Collapsible Group Item #1) is accessible by keyboard. The second (Collapsible Group Item #2) however never. 14-11-_2017_17-00-42 Tested on page https://swiss.github.io/styleguide/en/content-containers.html#02-content-containers-03-collapsible-panel in IE 11 (Version 11.0.6900.18816)

gillerr commented 6 years ago

The solution to this issue will be implemented in issue #598