Focusing on Buttons

The importance of focus for the accessibility of buttons

¿Have you ever tried to navigate a website without using a mouse or the touchpad?

This is an excellent exercise to understand how some people use their laptops to navigate the web. But now… assuming you are not part of that segment of the population ¿what would happen to you if you didn’t have a mouse and/or your touchpad was broken? You would actually have even more problems to fulfill a task because you are not even used to interact in that way.

We tend to wrongly assume that when we are tackling accessibility issues, we are addressing people with some kind of impairment. And the same way we do this, we also forget that we are all impaired in a lot of situations in our daily lives.

When you are coming home from grocery shopping, carrying a lot of things with the inability to use your hands, we could say you are momentarily impaired. When you are out in the sun and you are unable to see the screen of your phone you are momentarily impaired as well. When addressing issues of accessibility we are not only enabling people with impairments to access useful resources, we are making things easier for everyone.

I also want to be clear about the difference here with an example: For people having a voice assistant at home in order to perform actions without using a device, might be convenient because it allows them to multitask. For someone with limited mobility or a blind person, this technology might be the only way to make certain things. What for some is a “nice to have” for others is a necessity. So it is something to be taken seriously. If you are curious: https://www.un.org/en/webaccessibility/index.shtml#

So…with that said let's talk buttons…

Why buttons?

Well… buttons and links are the primary way of communication between the user and the system. This is why it is really important to not overlook these elements in our UIs.

I am currently in charge of the definition and generation of elements for the Design System of an investment app. When working on a DS I would say the most important things to have into consideration are color…