Accesibilidad

Informe de accesibilidad

Cómo Food Info cumple con WCAG 2.1 nivel AA, cómo lo verificamos y cómo notificar una barrera que hayas encontrado.

Última auditoría:

Estado de conformidad

Las Pautas de Accesibilidad para el Contenido Web (WCAG) definen los requisitos para diseñadores y desarrolladores con el fin de mejorar la accesibilidad para personas con discapacidad. Establecen tres niveles de conformidad: A, AA y AAA. Food Info cumple plenamente con WCAG 2.1 nivel AA, lo que significa que el contenido satisface todos los criterios de éxito de nivel A y nivel AA.

Cómo realizamos las pruebas

  • Las auditorías automatizadas se ejecutan en todas las rutas públicas con axe-core (versión principal actual) a través de pa11y, con los conjuntos de reglas wcag2a, wcag2aa, wcag21a y wcag21aa habilitados.
  • La revisión manual cubre aspectos que las herramientas automatizadas no pueden comprobar de forma fiable: jerarquía de encabezados, corrección de ARIA, navegación por teclado incluyendo el orden de foco, indicadores de foco visibles, anuncios de puntos de referencia en lectores de pantalla, títulos de página y el atributo de idioma del documento.
  • Los mínimos de contraste de color (4,5:1 para texto de cuerpo, 3:1 para texto grande y componentes de interfaz) se aplican a través de la paleta de tokens de diseño, de modo que las futuras superficies hereden colores conformes de manera predeterminada.

Características de accesibilidad

  • Enlace «saltar al contenido» como primer elemento enfocable.
  • Indicador de foco visible único (contorno de 2 px + desplazamiento de 2 px) en cada control interactivo, incluidos los envoltorios nativos de <select>.
  • El foco del teclado pasa al encabezado de la nueva página después de cada cambio de ruta, de modo que los usuarios de lector de pantalla y solo teclado empiezan cada página en un punto razonable.
  • Temas claro y oscuro, ambos con contraste de nivel AA; respeta la preferencia del sistema operativo hasta que se modifique manualmente.
  • Todos los tamaños de texto utilizan unidades relativas (rem) para que la página escale por completo con la preferencia de tamaño de fuente del navegador, incluido un zoom al doble (200 %).
  • Todas las animaciones y transiciones se suprimen para los visitantes que tienen activada la preferencia "Reducir movimiento" del sistema operativo.
  • Los campos de formulario usan elementos reales <label>; los errores en línea están vinculados a sus campos mediante aria-describedby y se anuncian mediante role="alert"; los campos obligatorios llevan un indicador visible.
  • Todos los campos de contraseña disponen de un botón "mostrar contraseña" cuyo estado se expone mediante aria-pressed.
  • El desplegable de búsqueda es un combobox WAI-ARIA con navegación por teclas de flecha, conexión de aria-controls / aria-activedescendant, Enter para seleccionar y Escape para cerrar.
  • Los diálogos atrapan el foco del teclado mientras están abiertos, se cierran con Escape y devuelven el foco al elemento que los abrió.
  • Todas las imágenes decorativas están marcadas con aria-hidden; el resto incluye alternativas de texto significativas. Los iconos SVG en línea llevan focusable="false" para que nunca reciban el foco del teclado.
  • Las descripciones de alimentos en idiomas extranjeros (Ciqual en francés, la base de datos de composición de alimentos danesa, AUSNUT australiano, etc.) incluyen un atributo lang para que los lectores de pantalla cambien la pronunciación.

Limitaciones conocidas

Ninguna en el momento de la última auditoría. Si encuentras una barrera que hayamos pasado por alto, notifícala a través de los datos de contacto que aparecen a continuación.

Notificar un problema

Nos comprometemos a solucionar las barreras de accesibilidad. Si algo en este sitio no funciona correctamente para ti — elementos de la página que no se renderizan bien con un lector de pantalla, combinaciones de colores difíciles de leer, cualquier cosa que la navegación solo por teclado no pueda alcanzar — queremos saberlo.

  • Correo electrónico:infofood-info.org
  • Teléfono:+44 (0) 7305 438083
  • Correo postal: DCPNET LTD, 30 Vane Close, Norwich, NR7 0US, United Kingdom

Nos comprometemos a acusar recibo de los informes de accesibilidad en un plazo de dos días hábiles y a publicar una corrección o solución alternativa en un plazo de diez.

← Volver a Food Info