A webpage with multiple tab groups fully compliant with WAI ARIA specifications.
The purpose of this solution is to handle multiple tab groups rendered on a single page, where active tabs can retain their state in a similar manner to native HTML element including back/forward navigation and refresh.
Start with cloning repository and changing current directory to repository folder.
$ git clone https://github.com/LouayH/accessible-tabs
$ cd accessible-tabs
Run npm install
or yarn install
to install the required packages to start the project.
Finally, run npm start
or yarn start
to start the server, the browser should open automatically, if not open http://127.0.0.1:8080/
8080
is the default port, if it was in use, refer to your terminal to get the used port.
Run npm test
or yarn test
to launch the test runner.