Ya está disponible la segunda Vista previa para desarrolladores de Android 11; pruébala y comparte tus comentarios.

Cómo mejorar la accesibilidad de las apps

Todos deberían poder usar las apps de Android, incluidas las personas con necesidades de accesibilidad.

Las personas con problemas de visión, daltonismo, problemas de audición, trastornos de la motricidad, discapacidades cognitivas y muchas otras discapacidades usan los dispositivos de Android para completar tareas en su vida cotidiana. Cuando desarrollas apps con la accesibilidad en la mente, mejoras la experiencia del usuario, especialmente de los usuarios con estas y otras necesidades de accesibilidad.

En este documento, se presentan pautas para implementar elementos clave de accesibilidad, de manera que todas las personas puedan usar tu app con mayor facilidad. Si deseas obtener pautas más detalladas sobre cómo mejorar la accesibilidad de tu app, visita la página de los principios para mejorar la accesibilidad de la app.

Cómo aumentar la visibilidad del texto

Para cada conjunto de texto en tu app, se recomienda que el contraste de color (o la diferencia en la percepción del brillo entre el color del texto y el color del fondo detrás del texto) sea superior a un límite específico. El límite exacto depende del tamaño de la fuente del texto y de que el texto se muestre en negrita o no:

  • Si el texto tiene un tamaño inferior a 18 puntos, o si está en negrita y tiene un tamaño inferior a 14 puntos, la proporción del contraste de color debe ser de 4.5:1 como mínimo.
  • Para el resto del texto, la proporción del contraste de color debe ser de 3.0:1 como mínimo.

En la siguiente imagen, se muestran dos ejemplos de contraste de color entre el texto y el fondo.

Imágenes que muestran texto
Figura 1: Contraste de color inferior al recomendado (izquierda) y correcto (derecha)

Para comprobar el contraste de color entre el texto y el fondo en tu app, usa un verificador del contraste de color en línea o la app Prueba de accesibilidad.

Cómo usar controles grandes y simples

La IU de tu app será más sencilla de usar si tiene controles que sean más fáciles de ver y presionar. Recomendamos que cada elemento de IU interactivo tenga un área enfocable o un tamaño del objetivo táctil de 48 dp ✕ 48 dp como mínimo. Mientras más grande sea, mejor.

Para que un elemento de IU tenga un tamaño del objetivo táctil lo suficientemente grande, se deben cumplir estas dos condiciones:

Los valores de relleno permiten que el tamaño visible de un objeto sea inferior a 48 dp x 48 dp y que, al mismo tiempo, el objeto tenga el tamaño del objetivo táctil recomendado.

En el siguiente fragmento de código, se muestra un elemento que tiene el tamaño del objetivo táctil recomendado:

    <ImageButton ...
        android:paddingLeft="4dp"
        android:minWidth="40dp"
        android:paddingRight="4dp"

        android:paddingTop="8dp"
        android:minHeight="32dp"
        android:paddingBottom="8dp" />
    

Cómo describir cada elemento de IU

Recomendamos que cada elemento de IU en tu app incluya una descripción que explique el propósito del elemento. En la mayoría de los casos, esta descripción se incluye en el atributo contentDescription del elemento, como se muestra en el siguiente fragmento de código:

    <!-- Use string resources for easier localization. -->
    <!-- The en-US value for the following string is "Inspect". -->
    <ImageView
        ...
        android:contentDescription="@string/inspect" />
    

Cuando agregues descripciones a los elementos de IU de tu app, ten en cuenta las siguientes prácticas recomendadas:

  • No incluyas el tipo de elemento de IU en la descripción del contenido. Los lectores de pantalla anuncian automáticamente la descripción y el tipo del elemento.

    Por ejemplo, si seleccionar un botón activa una acción de "enviar" en tu app, la descripción del botón debe ser "Submit", no "Submit button".

  • Cada descripción debe ser única. De esa manera, cuando los usuarios del lector de pantalla se encuentran con una descripción del elemento repetida, reconocen que ahora el enfoque está en un elemento que ya lo tuvo anteriormente.

    En particular, cada elemento de un grupo de vistas como RecyclerView debería tener una descripción diferente. Cada descripción debería reflejar el contenido exclusivo de un elemento determinado, como el nombre de una ciudad en una lista de ubicaciones.

  • Si tu IU incluye elementos gráficos que se usan solo con fines decorativos, establece las descripciones en "@null". Si el minSdkVersion de tu app es 16 o superior, puedes establecer los atributos android:importantForAccessibility de estos elementos gráficos en "no".

Recursos adicionales

Si deseas obtener más información sobre cómo mejorar la accesibilidad de tu app, consulta los siguientes recursos adicionales:

Codelabs

Entradas de blog