# Problemas de accesibilidad que comprobamos Cada página explica un problema que detectan nuestras pruebas automatizadas: qué significa, con qué criterio de WCAG se relaciona, cómo corregirlo en cualquier web, en Shopify y en WooCommerce, y cómo comprobar la corrección. ## Problemas de accesibilidad - [Los elementos 'ARIA hidden' no deben contener elementos que admitan el foco](https://www.fixreports.com/es/issues/aria-hidden-focus): WCAG 4.1.2 · Nivel A. Hay elementos que pueden recibir el foco ocultos a los lectores de pantalla, pero a los que aún se puede llegar con el teclado. (Atributos y roles ARIA) - [El atributo autocomplete debe usarse correctamente](https://www.fixreports.com/es/issues/autocomplete-valid): WCAG 1.3.5 · Nivel AA. Un campo de formulario usa un valor de autocomplete que los navegadores no reconocen. (Campos de formulario sin etiqueta) - [Los botones deben tener texto discernible](https://www.fixreports.com/es/issues/button-name): WCAG 4.1.2 · Nivel A. Algunos botones no tienen nombre accesible, así que los usuarios de lectores de pantalla solo oyen «botón». (Enlaces y botones sin nombre) - [Los elementos deben tener un contraste de colores suficiente](https://www.fixreports.com/es/issues/color-contrast): WCAG 1.4.3 · Nivel AA. Hay texto que no destaca lo suficiente sobre su fondo como para que lo lean las personas con baja visión. (Bajo contraste de color) - [Los documentos deben tener elementos para ayudar en la navegación](https://www.fixreports.com/es/issues/document-title): WCAG 2.4.2 · Nivel A. Una página no tiene título, así que los usuarios no saben en qué página están. (Títulos de página) - [Los 'IDs' usados en ARIA y en 'labels' deben ser únicos](https://www.fixreports.com/es/issues/duplicate-id-aria): WCAG 4.1.2 · Nivel A. Varios elementos comparten un id que sirve para etiquetar o describir algo, así que las tecnologías de apoyo pueden leer la etiqueta equivocada. (Atributos y roles ARIA) - [Los marcos deben tener el atributo title](https://www.fixreports.com/es/issues/frame-title): WCAG 4.1.2 · Nivel A. Un marco incrustado (a menudo un mapa, un vídeo o el widget de una app) no tiene título, así que los usuarios de lectores de pantalla no saben qué contiene. (Estructura de la página, encabezados y regiones) - [El nivel de encabezados solo debería incrementarse en 1](https://www.fixreports.com/es/issues/heading-order): Buena práctica de accesibilidad. Los niveles de encabezado se saltan niveles (por ejemplo, de H2 a H4), lo que hace que la estructura de la página resulte confusa para los usuarios de lectores de pantalla. (Estructura de la página, encabezados y regiones) - [El elemento <html> debe tener un atributo lang](https://www.fixreports.com/es/issues/html-has-lang): WCAG 3.1.1 · Nivel A. La página no declara su idioma, así que los lectores de pantalla pueden leerla con una pronunciación incorrecta. (Idioma de la página) - [El elemento <html> debe tener un valor válido para el atributo lang](https://www.fixreports.com/es/issues/html-lang-valid): WCAG 3.1.1 · Nivel A. El código de idioma de la página no es válido, así que los lectores de pantalla no pueden elegir la voz adecuada. (Idioma de la página) - [Las imágenes deben tener texto alternativo](https://www.fixreports.com/es/issues/image-alt): WCAG 1.1.1 · Nivel A. Hay imágenes sin texto alternativo, así que los usuarios de lectores de pantalla no saben qué muestran. (Imágenes sin texto alternativo) - [Los 'Input buttons' deben tener texto discernible](https://www.fixreports.com/es/issues/input-button-name): WCAG 4.1.2 · Nivel A. Un botón de tipo input no tiene texto, así que los lectores de pantalla no pueden decir qué hace. (Campos de formulario sin etiqueta) - [Los 'image buttons' deben tener texto alternativo](https://www.fixreports.com/es/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Nivel A. Un botón de imagen no tiene texto alternativo, así que los lectores de pantalla no pueden decir qué hace. (Imágenes sin texto alternativo) - [Los elementos de formulario deben tener etiquetas](https://www.fixreports.com/es/issues/label): WCAG 4.1.2 · Nivel A. Algunos campos de formulario no tienen etiqueta, así que los usuarios de lectores de pantalla no saben qué deben introducir. (Campos de formulario sin etiqueta) - [El documento debe tener un punto de referencia main](https://www.fixreports.com/es/issues/landmark-one-main): Buena práctica de accesibilidad. La página no tiene una región main, así que los usuarios de lectores de pantalla no pueden saltar directamente al contenido. (Estructura de la página, encabezados y regiones) - [Los enlaces deben distinguirse del texto adyacente por un medio que no dependa del color](https://www.fixreports.com/es/issues/link-in-text-block): WCAG 1.4.1 · Nivel A. Los enlaces dentro de los párrafos solo se distinguen por el color, así que las personas que no perciben la diferencia de color no los ven. (Bajo contraste de color) - [Los enlaces deben tener texto discernible](https://www.fixreports.com/es/issues/link-name): WCAG 2.4.4, 4.1.2 · Nivel A. Algunos enlaces no tienen texto que un lector de pantalla pueda anunciar; a menudo son enlaces que solo tienen un icono, como los iconos de redes sociales o el icono del carrito. (Enlaces y botones sin nombre) - [No debe impedirse el zum y la ampliación](https://www.fixreports.com/es/issues/meta-viewport): WCAG 1.4.4 · Nivel AA. La página impide hacer zoom con los dedos en el móvil. (Zoom y reajuste) - [La página debe contener un encabezado de nivel 1](https://www.fixreports.com/es/issues/page-has-heading-one): Buena práctica de accesibilidad. La página no tiene un encabezado de primer nivel. (Estructura de la página, encabezados y regiones) - [Todo el contenido de la página debe estar incluido en puntos de referencia](https://www.fixreports.com/es/issues/region): Buena práctica de accesibilidad. Hay contenido que no está dentro de una región (landmark) de la página (header, nav, main o footer). (Estructura de la página, encabezados y regiones) - [Los elementos [role='img'] tienen un texto alternativo](https://www.fixreports.com/es/issues/role-img-alt): WCAG 1.1.1 · Nivel A. Un elemento presentado como imagen no tiene texto alternativo. (Imágenes sin texto alternativo) - [Asegurar que la región de desplazamiento vertical ('scroll') tiene acceso por teclado](https://www.fixreports.com/es/issues/scrollable-region-focusable): WCAG 2.1.1 · Nivel A. No se puede llegar con el teclado a una zona con desplazamiento, así que los usuarios de teclado no pueden desplazarla. (Acceso con teclado y foco) - [El elemento select debe tener un nombre accesible](https://www.fixreports.com/es/issues/select-name): WCAG 4.1.2 · Nivel A. Un menú desplegable (a menudo un selector de orden o de variante) no tiene etiqueta. (Campos de formulario sin etiqueta) - [Los elementos <svg> con un rol img o image deben tener texto alternativo](https://www.fixreports.com/es/issues/svg-img-alt): WCAG 1.1.1 · Nivel A. Una imagen SVG que transmite información no tiene texto alternativo. (Imágenes sin texto alternativo) - [Todas las zonas táctiles deben medir 24px o dejar suficiente espacio](https://www.fixreports.com/es/issues/target-size): WCAG 2.5.8 · Nivel AA. Algunas zonas táctiles miden menos de 24 por 24 píxeles y están demasiado juntas, lo que hace difícil pulsarlas en un móvil. (Acceso con teclado y foco)