angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.28k stars 6.73k forks source link

Accessibility issue on accordian #6529

Open evilduckz opened 7 years ago

evilduckz commented 7 years ago

For keyboard reliant users, there is a problem with consistency. Mouse click and [enter] will both collapse/expand the accordion. [Space bar] will collapse and then scroll if the website is longer than the screen therefore losing visual focus on the item being interacted with. The expected functionality would be the same as a mouse click or [enter]. Also note that toggling checkbox or button via spacebar does NOT scroll the page (expected).

Example can be found here: https://plnkr.co/edit/y0NgI11SOGbh6hErspaf?p=preview

Please tab to header hit [enter] and verify that accordion collapses/expands without scroll. then hit [space bar] it will collapse/expand the accordion and then the page will scroll Angular: 1.6.1 UIBS: 2.5.0 Bootstrap:3.3.7