Tiene un Valor de Accesibilidad Válido

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

Regla que requiere que los componentes de React Native usen una propiedad accessibilityValue válida

Free Trial
Not for use with personal data

ID de regla: has-valid-accessibility-value

WCAG 2.0 (A) 4.1.2

Representa el valor actual de un componente. Puede ser una descripción textual del valor de un componente, o para componentes basados en rangos, como deslizadores y barras de progreso, contiene información de rango (mínimo, actual y máximo).

accessibilityValue es un objeto. Contiene los siguientes campos:

Nombre Descripción Tipo Requerido
min El valor mínimo del rango de este componente. entero Requerido si now está establecido.
max El valor máximo del rango de este componente. entero Requerido si now está establecido.
now El valor actual del rango de este componente. entero No
text Una descripción textual del valor de este componente. Sobrescribirá min, now y max si está establecido. cadena No

Por qué es Importante

Los campos accessibilityValue deben estar correctamente escritos y corresponder a valores que tengan sentido para describir el valor de accesibilidad deseado. El incumplimiento de los valores permitidos da lugar a componentes que no son accesibles para los usuarios de tecnología de asistencia.

Cómo Solucionar el Problema

Asegúrate de que la propiedad accessibilityValue sea un objeto que tenga campos establecidos con un nombre y tipo de valor válidos.

Ejemplos Aceptados

<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />

Ejemplos Rechazados

<TouchableOpacity accessibilityValue={{ min: 0, now: 50, max: 100, text: "stuff" }} />
<TouchableOpacity accessibilityValue={{ now: 50 }} />
<TouchableOpacity accessibilityValue="stuff" />
<TouchableOpacity accessibilityValue={{ min: "0", now: "50", max: "100" }} />
<TouchableOpacity accessibilityValue={{ text: 0 }} />

Recursos