Skip to content

AlessandroSantamaro/accessible-angular-radio-buttons

Repository files navigation

Accessible Angular radio with button style

This is a learning project to show you how can be developed a radio buttons with ARIA. In the code there are the comparison between the classic mode (native input type="radio") and the button mode with the support of WAI-ARIA (those buttons work as radios and you can choose only 1 option per time).

All the code is tested with Karma/Jasmine and accessible, if you don't know what Accessibility is you can check my article: Introduction to Web Accessibility

Note: Take in consideration that when is possible use always the default native elements, you will get for free all the native element behaviour.

How to run the app server

Run npm start to start the app. Navigate to http://localhost:4200/ and test the app with a browser and/or a screen reader.

Running end-to-end tests

Run ng test to run the app tests.

Demo

Demo app

About

Accessible radio buttons in Angular

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published