You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesi贸n a prueba de IA

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

0 D铆as
8 Hrs
28 Min
54 Seg

Accesibilidad para apps m贸viles

17/26
Resources

How to improve accessibility in your Android apps?

If you've ever been frustrated trying to read tiny print on your mobile screen, you're not alone. Accessibility is a crucial factor in the design of mobile applications, affecting users with visual limitations, movement, and more. In this guide, you will discover practical tips to make your Android applications accessible to everyone. These recommendations will not only improve the user experience but also expand your audience.

What is TalkBack and how does it work?

TalkBack is the screen reader tool built into Android devices. Its main function is to provide verbal feedback on screen elements, allowing users to navigate and interact without having to see them.

  • TalkBack provides descriptions of each screen element.
  • It allows switching between objects using touch gestures.
  • Facilitates the execution of actions by providing clear auditory feedback.

How to optimize contrast in your app?

Contrast is essential for readability. A design with good contrast ensures that text is visible, even for visually impaired users.

  • Use opposing colors: A white background with black text is a classic example of good contrast.
  • Avoid busy backgrounds: A simple background highlights text and important elements.
  • Clearly distinguish action items, such as buttons and links, from purely visual elements.

Why is font size important and how to set it?

Fonts should be scalable to suit the needs of each user. Android recommends the use of "SP" (Scale-independent Pixels) for most text, allowing fonts to scale according to the user's settings.

  • SPs scale relative to user preferences, improving readability.
  • Make sure all text in the application is measured in SP to make it adaptive.

How much should the click area measure?

The click area is crucial for interaction, especially on touch devices where fingers are used instead of a precise cursor.

  • The minimum recommended size is 48x48 dp.
  • If an element is smaller, adding padding can ensure that it complies with the appropriate size.

How to use the Accessibility Scanner tool?

The Accessibility Scanner application evaluates the accessibility of your applications and suggests improvements.

  • It analyzes screens and elements, pointing out aspects such as inadequate labels or insufficient click areas.
  • It gives suggestions on contrast and duplicated elements.
  • Recommended for use in examining both applications under development and published applications.

What are labels and Content Description and how to use them?

Labels are texts that describe interactive elements such as buttons. They are used by screen readers such as TalkBack to provide accurate information to users.

  • Use Content Description for images and non-textual elements, indicating their function or meaning.
  • You can define descriptions in XML or use Jetpack Compose to add relevant textual information.

With these tips, you can start transforming the user experience in your Android apps, making them more inclusive and comfortable for everyone. Remember to test the accessibility of any app, not just the ones you are developing, to acquire best practices. In addition, testing with the Accessibility Scanner app will give you valuable insights on how to continuously improve your projects.

Contributions 6

Questions 1

Sort by:

Want to see more contributions, questions and answers from the community?

  1. TalkBack: TalkBack es un servicio de accesibilidad que proporciona comentarios de voz para ayudar a las personas con discapacidades visuales a interactuar con su dispositivo Android. Con TalkBack, los usuarios pueden escuchar descripciones de texto, botones, iconos y otros elementos de la interfaz de usuario de su aplicaci贸n.

  2. Accessibility Scanner: Ayuda a identificar posibles problemas de accesibilidad en su aplicaci贸n. realiza un an谩lisis de la interfaz de usuario y sugiere posibles mejoras, como agregar etiquetas a im谩genes, mejorar el contraste de color y agregar descripciones de texto.

  3. Magnification Gestures: Es una herramienta que permite a los usuarios ampliar la pantalla del dispositivo para ver mejor los detalles. Los usuarios pueden acercar y alejar la pantalla con gestos multit谩ctiles, lo que les permite ver detalles m谩s peque帽os y usar aplicaciones que de otra manera podr铆an ser dif铆ciles de usar.

  4. Switch Access: Ayuda a las personas con discapacidades motoras a interactuar con su dispositivo Android. Los usuarios pueden controlar su dispositivo con interruptores, botones o joysticks en lugar de usar la pantalla t谩ctil.

<h5>Recopilado de recomendaciones y algunas extra:</h5>
  • Contraste de colores: Aseg煤rate de que los colores de texto y fondo tengan un contraste suficiente para facilitar la lectura. Utiliza herramientas en l铆nea para comprobar el contraste.
  • Etiquetas de contenido: A帽ade etiquetas de contenido descriptivas a todos los elementos interactivos, como botones e im谩genes. Esto permite a las tecnolog铆as asistenciales, como lectores de pantalla, proporcionar informaci贸n 煤til a los usuarios con discapacidades visuales.
  • Tama帽os de fuente: Utiliza tama帽os de fuente legibles y permite a los usuarios ajustarlos seg煤n sus preferencias.
  • Dise帽o adaptable: Aseg煤rate de que la aplicaci贸n se adapte correctamente a diferentes tama帽os de pantalla y orientaciones, lo que facilita su uso en dispositivos de asistencia.
  • Navegaci贸n con teclado: Implementa una navegaci贸n con teclado l贸gica y eficiente para facilitar el acceso a usuarios con limitaciones motoras.
  • Soporte para TalkBack: Verifica que tu aplicaci贸n sea compatible con TalkBack, el lector de pantalla predeterminado de Android.
  • Evita el uso de animaciones parpadeantes: Las animaciones parpadeantes pueden causar problemas a personas con trastornos fotosensibles. Limita su uso o proporciona una opci贸n para desactivarlas.
  • Tiempos de respuesta ajustables: Permite a los usuarios ajustar los tiempos de respuesta de la aplicaci贸n, lo que facilita su uso para personas con limitaciones motoras o cognitivas.
  • Pruebas de accesibilidad: Utiliza herramientas como Scanner de accesibilidad y realiza pruebas con usuarios reales para identificar y solucionar problemas de accesibilidad en tu aplicaci贸n.

Herramientas en Android para mejorar la accesibilidad en general de la app.

  • Talkback.

  • Contraste.

  • Tama帽o de fuente.

  • Area de clic.

  • Accesibility Scanner.

  • Label y content description

Utilice el accessibility Scanner en una app que hice hace poco y me saco: 1\. tengo un bot贸n de 31dp de altura y deberia ser de 48dp 2\. "Este ViewGroup tiene una altura fija y contiene una TextView con texto ajustable. Prueba a modificar los LayoutParams para permitir que el texto se ampl铆e" eso es todo =D
Al principio pense que era un error de edici贸n y casi voy a reportar el error... ca铆 en la trampa

Muy interesante la app Accessibility Scanner