Video: Create an Accessible Rating Plugin in CSS and JavaScript

In this tutorial, we’ll go through the different steps of creating a rating widget, with a particular focus on: keyboard accessibility (use Tab key, Space bar and arrow keys to navigate and interact with the component);aria attributes and roles to improve Screen Reader accessibility;no JavaScript support.Final result _ The Rating plugin is also available as a component in the CodyHouse UI Framework. Requirements To follow along the video tutorial, fork this pen on Codepen: 🕹 https://codepen.io/codyhouse/pen/Wqvpmm or download CodyFrame on Github: URL Out – https://codyhouse.co/tutorials/rating-pluginAuthor – codyhouse.coDate – 2020-01-03 18:20:07

Like to keep reading?

This article first appeared on codyhouse.co. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply