In this video we will walk-through how to create a custom checkbox using pure CSS that is entirely responsive and accessible. I will go over my planning and thought process for creating this checkbox as well as explain why I use each CSS style. By the end of this video you will have a basic understanding of how CSS checkbox selectors work as well as how to support screen reader accessibility.
If you have any suggestions for CSS tutorials I should tackle please let me know in the comments below.
Code For This Tutorial:
https://github.com/WebDevSimplified/css-tutorials/tree/master/Simple%20Custom%20Checkbox
Code Pen For This Tutorial:
https://codepen.io/WebDevSimplified/pen/NLmgdw
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
Code Pen:
https://codepen.io/WebDevSimplified/
#CSSTutorial #WebDevelopment #Programming