The button role isn't enough for an accessible interface
Folks, let's think about how to improve our buttons for people who have to use a keyboard as a single way to interact with UIπ€
A lot of apps become more accessible for people who use screen readers. That's awesome! But something went wrong.. πππ
I became to face buttons that aren't buttons, i.e <button> isn't used and instead of it role="button" is used. Why is bad?Β
People have 0% chances to interact with UI. πππ They canβt use the interface at all π©π©π©
The role doesn't affect interactivity of buttons. That's why people can't interact with these buttons using a keyboard.Β
So, please, check your buttons so that they are created using <button>. Please, give a chances people use your UI πππ
P.S.
βοΈ Need help? Ask me any questions: melnik909@ya.ru
β€ Thank you so much, my sponsors: Ben Rinehart, Sergio Kagiema, Jesse Willard, Tanya Ten, Konstantinos Kapenekakis, Spiridon Konofaos.
Folks, I'm a content creator with a passion for making more public content for the community. For that, I have to look for sponsors. They help me to stay afloat.
If you like what I do, please, support me on Patreon. As words of appreciation, Iβll give you access to my content earlier others directly to your inbox. Thank you π