Accesibilidad en productos digitales: 5 aspectos clave para diseñar interfaces accesibles

Analia Tejeda
Design

Let's imagine that one day, you pick up your device and realize that everything is designed regardless of your ability to use it. At present, it is estimated that 15% of the population suffers from some type of illness. In other words, approximately 1 billion people face this challenge when interacting with interfaces. That's why I was interested in writing this note to share 5 strategies for designing accessible interfaces.

Introduction to the importance of universal accessibility.

A few years ago, I accidentally activated my phone's screen reader. I tried to use the device with the reader turned on and found that it was practically impossible. It was a completely new way of interacting with my phone and actions that were previously easy and fast took me much longer. It completely baffled me. I just wanted to turn off reading so I could use my phone normally.

Recalling that personal experience led me to reflect on the importance of accessibility when designing and developing interfaces. Although as UXers we carry out user studies to design based on their needs, it is essential to question whether we are adequately considering people with disabilities in our design process, even if they are not the main users.

Accessibility is a crucial topic in UX design. For a design to be truly effective, it's important to consider all users, including those who have disabilities.

Accessibility in digital products: What is it and why do we need to take it into account when designing?

Accessibility is a fundamental practice that allows us to ensure that all people, including those with disabilities, can effectively interact with the interface.

We need to consider accessibility in our design and development process to prevent users from being denied access to our interface or content. We must take care to follow good practices and standards of accessibility, in order to guarantee equal access and equal opportunities for all people, regardless of their abilities.

Foundations and principles of digital accessibility.

Accessibility is based on four fundamental principles: perception, operability, understanding and robustness. Each of these principles is defined by a set of guidelines that must be met to ensure accessibility.

  • Perceivable: It consists of allowing users to access content in the formats they need to perceive it. This principle is comprised of three guidelines:
  • Alternative text: Describe images and non-text content so that they can be converted to formats that people need
  • Time-dependent multimedia content: It refers to providing synchronized alternatives for time-dependent multimedia content.
  • Adaptable: Create content that can be presented in different ways without losing information or structure.
  • Distinguishable: It refers to making sure that content can be seen and heard, distinguishing hierarchies from the most to the least important.
  • Operable: It refers to giving freedom of use to the user, for which the components and navigation must be prepared so that the user can operate them. This principle is comprised of five guidelines:
  • Accessible keyboard: Give the user the ability to control all functions from the keyboard.
  • Enough time: Provide the user with the time needed to view, read and use the content.
  • Epileptic seizure: It refers to avoiding content and/or visual effects that may cause epileptic seizures.
  • Navigation: Provide the user with means to help them navigate, locate content and determine where they are.
  • Entry modalities: It refers to granting the user the ability to operate through several input methods in addition to the keyboard.
  • Understandable: Information and operations must be easy to understand and understandable to the user. This principle is comprised of three guidelines:
  • Readable: Ensure that the content is legible and understandable.
  • Predictable: It refers to making the appearance and operability of the site predictable for the user.
  • Data entry assistance: It helps users avoid and correct errors.
  • Robustness: They must be compatible with all browsers, operating systems and devices. This principle is comprised of a guideline:
  • Compatible: Maximize compatibility with current and future user agents, including assistive technologies.

🔍Recommendation: Learn more about the standard accessibility rules for web design by logging in W3C.

5 Strategies for Designing Accessible Interfaces

Here are 5 aspects that you should consider when designing interfaces so that they are accessible to all users.

1. Contraste

Make sure that the contrast between the text and the background is sufficient to make it easy to read. It is recommended a minimum contrast of 4. 5:1 for normal text and 3:1 for large text.

2. Check the size of the texts

The size of the text is also important for legibility. It should be large enough to be readable by all users, especially those with visual disabilities. A minimum font size of 16px is recommended for normal text.

3. Make a good selection of icons

If icons are used, they must be clear and easily recognizable. Text labels should be included to describe the function of the icon for users with visual or cognitive disabilities.

4. Use clear and simple language

It's important to use clear and concise labels to describe buttons and input fields, so that users know exactly what's expected of them. Use simple words and phrases, avoid jargon and technicalities. Make your content easy for everyone to digest!

5. Animations and visual effects

Animations and visual effects can be distractions for some users and cause accessibility issues. It is recommended to limit their use and ensure that they are accessible to all users. Avoid flashing elements on your interface, as this can cause seizures in people with photosensitive epilepsy. If you must use items that blink, make sure they meet accessibility requirements, such as limiting the blink frequency and providing an option to turn them off. Let everyone enjoy the content risk-free!

🔍 Recommendation: Test to make sure it's easy to use for all users, including those with visual or cognitive disabilities. Use accessibility tools such as screen readers to check the accessibility of your visual design.

Conclusion

In conclusion, designing accessible interfaces is essential to ensure that all people can access online information effectively and without barriers. By following these strategies in your design process, you can improve the user experience and make your website or application more accessible to everyone. Make all your users feel welcome and can enjoy the content without limitations!

I invite you to put yourself in the shoes of users with disabilities. Activate the read-aloud function on your mobile phone, browse your favorite websites and tell us: How are you feeling? Are your favorite websites adapted to be used with screen readers? Get to know our service of UX/UI or contact us

By Analia Tejada UX/UI designer of Balloon Group

Roiman Ramos
eCommerce

Adobe Commerce: What's new and improved for E-Commerce in 2024

Articulos destacados