Admite tipo dinámico

This page is not available in the language you requested. You have been redirected to the English version of the page.

Link to this page copied to clipboard

Not for use with personal data

note

Esta es una regla experimental y por lo tanto sus resultados se consideran en prueba beta. Obtenga más información sobre las reglas experimentales y cómo puede ayudar a mejorarlas.

La ejecución de esta regla provocará mayores tiempos de escaneo.

important

Esta regla se lanza para el marco XCUI con v2.6.0. Será solo por suscripción por un tiempo limitado para recopilar comentarios. Pruébelo y cuéntenos qué piensa.

Después de inicializar el objeto AxeDevTools para comenzar a realizar pruebas, opte por la regla mediante la configuración:

axe.configuration.optInToSupportsDynamicType = true

donde axe se refiere al AxeDevTools objeto inicializado al iniciar sesión.

Los elementos de texto deben tener las propiedades necesarias para admitir Dynamic Type y redimensionar el texto según las preferencias del dispositivo del usuario.

Esta regla aplica una práctica recomendada de Deque. Puede desactivar esta regla desde el Panel móvil o ignorando la regla en las pruebas escritas para iOS.

Aprenda cómo desactivar las reglas desde el Panel móvil.

Impacto

Las personas con baja visión son las más afectadas por el texto que no se puede redimensionar. Dynamic Type es una tecnología de asistencia que permite al usuario final cambiar el tamaño de fuente en todo el dispositivo para leer más fácilmente.

Confirmación

Navegue hasta la pantalla que contiene el texto y observe el tamaño de fuente actual y su distribución.
Aumente el tamaño de la fuente cambiando la configuración de Tipo dinámico:
- Si utiliza un simulador:
  1. Abra el Inspector de accesibilidad
  2. En la esquina superior izquierda del inspector, cambie el dispositivo de tu Mac al simulador de iOS
  3. Seleccione el botón "Configuración" en la esquina superior derecha del inspector.
  4. En "Tamaño de fuente", mueva el control deslizante a un ajuste mayor
- Si utiliza un dispositivo iOS 13.0+:
  1. Abra la configuración
  2. Seleccione “Accesibilidad”
  3. Seleccione "Pantalla y tamaño del texto"
  4. Seleccione "Texto más grande"
  5. Mueva el control deslizante en la parte inferior de la página a un ajuste mayor
Regrese a su aplicación y observe la misma pantalla.
- Inaccesible: el texto no cambió de tamaño después de actualizar la configuración de Dynamic Type.
- Accesible: El texto cambió de tamaño.

Cómo solucionarlo

Un problema que encuentra esta regla ocurre cuando las vistas no admiten configuraciones de Dynamic Type.

UIKit

Lea más sobre cómo admitir Dynamic Type en UIKit aquí.

SwiftUI

En iOS 14 o superior, puedes admitir Dynamic Type:

Al utilizar una fuente personalizada, configure la propiedad .font en .custom(_:size:relativeTo:) para garantizar que las fuentes se escalen relativamente al estilo de fuente del elemento de texto.
Al utilizar una fuente predeterminada por tamaño, el texto se escalará automáticamente; sin embargo, si no se establece ningún estilo de fuente, los elementos de texto no se escalarán según su estilo. Por ejemplo, el texto que funciona como título tendrá una escala diferente que el texto que funciona como cuerpo del texto: a medida que el texto se hace más grande, el texto del título siempre será más grande que el texto del cuerpo. Para obtener la mejor experiencia, asegúrese de especificar el estilo de fuente para que coincida con el comportamiento esperado del elemento. Al utilizar un modificador como: .font(.system(.largeTitle, design: .rounded)), puede esperar que el texto sea el texto más grande de la página y sirva como un título adecuado.

React Native

Asegúrese de que la propiedad allowFontScaling de cada elemento de texto esté establecida en verdadero para permitir que el texto se escale según la configuración del dispositivo preferida del usuario.

<Text style={{ color: 'black', fontSize: 18 }} allowFontScaling={true}> This text allows font scaling. </Text>