# Problemas de accesibilidad que revisamos 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 sitio, 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-419/issues/aria-hidden-focus): WCAG 4.1.2 · Nivel A. Hay elementos que pueden recibir el foco y están ocultos para los lectores de pantalla, pero aún se puede llegar a ellos con el teclado. (Atributos y roles ARIA) - [El atributo autocomplete debe usarse correctamente](https://www.fixreports.com/es-419/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-419/issues/button-name): WCAG 4.1.2 · Nivel A. Algunos botones no tienen nombre accesible, así que quienes usan lectores de pantalla solo escuchan 'botón'. (Enlaces y botones sin nombre) - [Los elementos deben tener un contraste de colores suficiente](https://www.fixreports.com/es-419/issues/color-contrast): WCAG 1.4.3 · Nivel AA. Parte del texto no se distingue lo suficiente de su fondo para que lo lean las personas con baja visión. (Contraste de color insuficiente) - [Los documentos deben tener elementos para ayudar en la navegación](https://www.fixreports.com/es-419/issues/document-title): WCAG 2.4.2 · Nivel A. Una página no tiene título, así que los usuarios no pueden saber 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-419/issues/duplicate-id-aria): WCAG 4.1.2 · Nivel A. Varios elementos comparten un id que etiqueta o describe algo, así que las tecnologías de asistencia pueden leer la etiqueta equivocada. (Atributos y roles ARIA) - [Los marcos deben tener el atributo title](https://www.fixreports.com/es-419/issues/frame-title): WCAG 4.1.2 · Nivel A. Un marco incrustado (a menudo un mapa, un video o un widget de una app) no tiene título, así que quienes usan lectores de pantalla no saben qué contiene. (Estructura de la página, encabezados y regiones (landmarks)) - [El nivel de encabezados solo debería incrementarse en 1](https://www.fixreports.com/es-419/issues/heading-order): Buena práctica de accesibilidad. Los niveles de encabezado se saltan (por ejemplo, de H2 a H4), lo que hace que la estructura de la página sea confusa para quienes usan lectores de pantalla. (Estructura de la página, encabezados y regiones (landmarks)) - [El elemento <html> debe tener un atributo lang](https://www.fixreports.com/es-419/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 la pronunciación equivocada. (Idioma de la página) - [El elemento <html> debe tener un valor válido para el atributo lang](https://www.fixreports.com/es-419/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 correcta. (Idioma de la página) - [Las imágenes deben tener texto alternativo](https://www.fixreports.com/es-419/issues/image-alt): WCAG 1.1.1 · Nivel A. A algunas imágenes les falta un texto alternativo, así que quienes usan lectores de pantalla no saben qué muestran. (Imágenes sin texto alternativo) - [Los 'Input buttons' deben tener texto discernible](https://www.fixreports.com/es-419/issues/input-button-name): WCAG 4.1.2 · Nivel A. Un botón 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-419/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-419/issues/label): WCAG 4.1.2 · Nivel A. Algunos campos de formulario no tienen etiqueta, así que quienes usan lectores de pantalla no saben qué deben escribir. (Campos de formulario sin etiqueta) - [El documento debe tener un punto de referencia main](https://www.fixreports.com/es-419/issues/landmark-one-main): Buena práctica de accesibilidad. La página no tiene una región main, así que quienes usan lectores de pantalla no pueden saltar directamente al contenido. (Estructura de la página, encabezados y regiones (landmarks)) - [Los enlaces deben distinguirse del texto adyacente por un medio que no dependa del color](https://www.fixreports.com/es-419/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 pueden ver la diferencia de color no los notan. (Contraste de color insuficiente) - [Los enlaces deben tener texto discernible](https://www.fixreports.com/es-419/issues/link-name): WCAG 2.4.4, 4.1.2 · Nivel A. Algunos enlaces no tienen texto que un lector de pantalla pueda anunciar; suelen ser enlaces que solo tienen un ícono, como los de redes sociales o el ícono del carrito. (Enlaces y botones sin nombre) - [No debe impedirse el zum y la ampliación](https://www.fixreports.com/es-419/issues/meta-viewport): WCAG 1.4.4 · Nivel AA. La página bloquea el zoom con los dedos en celulares. (Zoom y reajuste del contenido) - [La página debe contener un encabezado de nivel 1](https://www.fixreports.com/es-419/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 (landmarks)) - [Todo el contenido de la página debe estar incluido en puntos de referencia](https://www.fixreports.com/es-419/issues/region): Buena práctica de accesibilidad. Parte del contenido 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 (landmarks)) - [Los elementos [role='img'] tienen un texto alternativo](https://www.fixreports.com/es-419/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-419/issues/scrollable-region-focusable): WCAG 2.1.1 · Nivel A. No se puede llegar con el teclado a un área con desplazamiento, así que quienes usan el teclado no pueden desplazarla. (Acceso con teclado y foco) - [El elemento select debe tener un nombre accesible](https://www.fixreports.com/es-419/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-419/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) - [Todos los objetivos táctiles deben medir 24px o dejar suficiente espacio](https://www.fixreports.com/es-419/issues/target-size): WCAG 2.5.8 · Nivel AA. Algunos objetivos táctiles miden menos de 24 por 24 píxeles y están demasiado juntos, lo que hace difícil tocarlos en un celular. (Acceso con teclado y foco)