search

Capgemini / dcx-react-library

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

Accessbility - JS - Tabs: Keyboard #658

Closed Ibabalola closed 4 months ago

Ibabalola commented 5 months 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 4 months ago

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