search

Capgemini / dcx-react-library

React Library UI/UX agnostic
https://main--6069a6f47f4b9f002171f8e1.chromatic.com
MIT License
107 stars 7 forks source link

Accessbility - JS - Tabs: Keyboard #658

Closed Ibabalola closed 3 weeks ago

Ibabalola commented 4 weeks ago

For accessbility, add functionality to allow the user to tab between tabs using the key only (when JavaScript is enabled), currently the user is unable to view inactive tabs without the use of a keyboard.

'ArrowLeft', 'ArrowUp', 'Left' and 'Up': should take user to the previous tab (if on tab 2 or more)

'ArrowRight', 'ArrowDown', 'Right' and 'Down': should take user to the next tab (if not on the last tab)

As an example please check keyboard behaviour on: GOV.UK - tabs

alexwbbr commented 3 weeks ago

Closed as part of https://github.com/Capgemini/dcx-react-library/pull/659