Editor de Wix Harmony: usar el Asistente de accesibilidad

Los indicadores de enfoque son rectángulos azules que aparecen alrededor de los elementos interactivos (como botones o enlaces) cuando quienes visitan el sitio usan un teclado para navegar por el sitio online.

Permiten que la persona identifique cuál es su posición actual y, por lo tanto, son cruciales para la accesibilidad del sitio. Obtén más información sobre los indicadores de enfoque.

"Ir al contenido principal" es una función que permite a quienes utilizan la navegación por teclado omitir las secciones de arriba de un sitio (como los menús y los encabezados de página) e ir directamente al contenido principal de la página.

Los enlaces de "Ir al contenido principal" son una parte importante de la accesibilidad de un sitio, ya que proporcionan a las personas un acceso rápido a la información que necesitan. Obtén más información sobre "Ir al contenido principal".

Configurar el idioma principal del sitio proporciona a las tecnologías de asistencia la información que necesitan para mostrar el contenido con precisión. Esto se logra por medio de lo siguiente:

Por lo tanto, es importante configurar el idioma principal del sitio, ya que garantiza que quienes lo visiten y utilicen estas tecnologías obtengan la mejor experiencia.

Si has agregado Wix Multilingüe a tu sitio, el idioma principal elegido durante la configuración no se puede cambiar.

Sin embargo, puedes hacer lo siguiente:

El orden del Modelo de Objeto de Documento (DOM) de un sitio determina el orden de selección y lectura de los elementos de la página (es decir, el orden en el que los lectores de pantalla leen los elementos y en el que se resaltan al usar la tecla de tabulación).

El orden del DOM también se ve afectado por la dirección del idioma del sitio. Recomendamos organizar el orden del DOM con el asistente para garantizar que el orden de lectura y el orden visual de tus elementos estén alineados. Obtén más información sobre el orden del DOM y la accesibilidad.

Nota: Esta tarea solo se muestra si el orden del DOM y la dirección del idioma del sitio no coinciden.

La etiqueta de título de una página es el título que los motores de búsqueda suelen mostrar para la página en los resultados de búsqueda. Se toma del nombre que le das a la página, así como del nombre del sitio.

El asistente te pide que cambies el título de una página cuando la etiqueta de título contiene "New page" (el valor predeterminado asignado a las páginas nuevas que agregas a un sitio) o "Copy of" (el valor predeterminado asignado a las páginas duplicadas).

Las etiquetas de título de las páginas proporcionan a quienes utilizan tecnologías de asistencia información importante sobre el contenido de la página. Para garantizar la mejor experiencia, los títulos de las páginas deben ser:

Consejo: Las etiquetas de título de página precisas también son una parte importante del SEO de tu sitio.

Las etiquetas de encabezado son elementos en el código HTML de un sitio que determinan la jerarquía y la estructura del contenido de texto en una página. Las etiquetas de encabezado siguen un orden descendente, desde el encabezado 1 (H1) hasta el encabezado 6 (H6), y luego el texto de párrafo (P).

Las tecnologías de asistencia utilizan etiquetas de encabezado para conocer el orden del contenido de la página. Por ejemplo, los lectores de pantalla leen primero el contenido H1, seguido de H2, H3, etc.

Por lo tanto, una estructura de encabezado precisa es importante, ya que proporciona una experiencia clara y lógica para los visitantes que utilizan estas tecnologías.

Puedes ajustar muchas etiquetas de encabezado dentro del Asistente de accesibilidad. Sin embargo, algunos elementos no están totalmente integrados en el asistente por el momento y deben ajustarse manualmente.

El texto alternativo (alt) es una descripción textual de una imagen en una página web.

Algunas personas pueden utilizar tecnologías de asistencia, como lectores de pantalla, para navegar por los sitios. Estos leen el contenido del sitio en voz alta a los visitantes, incluido el texto alternativo.

Por lo tanto, el texto alternativo es una parte fundamental de un sitio, ya que garantiza que los visitantes que utilizan estas tecnologías puedan tener acceso al contenido y comprender qué contiene la imagen. Obtén más información sobre el texto alternativo y la accesibilidad.

El contraste de color es una medida de la diferencia de brillo percibida entre dos colores y se expresa como una relación que va desde 1:1 (sin contraste) hasta 21:1 (contraste fuerte). Tener un contraste fuerte garantiza que el contenido del sitio sea fácil de ver y leer.

La relación de contraste de color requerida depende de la procedencia del elemento y del nivel de las Pautas de Accesibilidad para el Contenido Web (WCAG) que quieras alcanzar: AA (el requisito mínimo) o AAA (mejorado):

Puedes ajustar el contraste de la mayor parte del contenido del sitio dentro del Asistente de accesibilidad. Sin embargo, algunos elementos no están totalmente integrados en el asistente por el momento y deben ajustarse manualmente. Obtén más información sobre cómo ajustar el contraste de color.

Nota: En la actualidad, solo se requiere el nivel AA en el Asistente de accesibilidad.

Es posible que algunas personas que visiten tu sitio tengan una o más discapacidades o condiciones que afecten a su visión o a su audición. Puedes garantizar que los archivos multimedia sean accesibles proporcionando alternativas (por ejemplo, transcripciones y audios descriptivos), lo que facilita que estas personas puedan tener acceso, comprender y disfrutar del contenido. Obtén más información sobre alternativas para el contenido multimedia.

El DOM se refiere al orden de carga y lectura de los elementos en las páginas de tu sitio, y es importante para los visitantes que usan lectores de pantalla y otras tecnologías de asistencia. Puedes organizar el orden del DOM con el asistente para garantizar que el orden de lectura y el orden visual de tus elementos estén alineados. Obtén más información sobre el orden DOM y la accesibilidad.

Nota: Esta tarea solo se muestra si el DOM automático está desactivado en una o más secciones de la página.

El texto o los elementos que enlazan con otras páginas, secciones o sitios web deben ser lo más descriptivos posible. Por ejemplo, "Leer más sobre nuestra investigación más reciente" es más claro que "Leer más". También deben ser claros si conducen a una acción, como enviar un formulario. Lee el documento de las Pautas de Accesibilidad para el Contenido Web (WCAG) sobre el propósito de los enlaces

La información transmitida por el color también debe tener indicadores independientes, como patrones, estilo de fuente e iconos. Por ejemplo, el texto enlazado debe estar subrayado y los gráficos también deben mostrar los datos con diferentes patrones o texturas. Lee el documento de las Pautas de Accesibilidad para el Contenido Web (WCAG) sobre el uso del color

Los lectores de pantalla no pueden leer el texto de las imágenes (como fotos de carteles o eslóganes). Recomendamos sustituir estas imágenes por texto real siempre que sea posible.

Si el texto de la imagen es una parte importante del contenido del sitio o es esencial para transmitir información, incluye el texto en la descripción de la imagen (texto alternativo). Obtén más información sobre el texto en las imágenes.

Es posible que algunos reproductores de video y audio estén configurados para reproducirse automáticamente cuando se carga la página. Sin embargo, esto puede causar confusión y distracción a quienes visitan el sitio, y puede interferir con las tecnologías de asistencia. Por ejemplo, un reproductor de audio que se inicia automáticamente puede anular o "hablar" por encima de un lector de pantalla.

Por lo tanto, recomendamos ofrecer a los visitantes la opción de detener, pausar y silenciar el contenido. Obtén más información sobre cómo agregar controles

Los elementos y componentes del sitio deben seguir siendo visibles aunque se aumente el zoom del navegador. Esto garantiza que los usuarios con problemas visuales puedan ampliar el sitio y seguir viendo todo el contenido de la página. Puedes comprobarlo previsualizando el sitio y cambiando el zoom del navegador al 200 %. Obtén más información sobre el contenido con zoom.

La accesibilidad web es un requisito legal en muchos países. Sin embargo, aunque no sea un requisito legal en tu región, recomendamos agregar la declaración. Esto demuestra el compromiso del sitio o de tu cliente de ofrecer un sitio web que puedan disfrutar todos los visitantes. Obtén más información sobre las declaraciones de accesibilidad.

Es posible que haya un contraste de color en el sitio que el asistente no identifique. Para garantizar que todo el contenido del sitio sea claro y visible para los visitantes, recomendamos revisar manualmente el contraste del contenido del sitio y ajustarlo según sea necesario.

El asistente escanea la mayor parte del contenido del sitio. Esto incluye las páginas normales del sitio y las páginas que forman parte de soluciones de negocios (por ejemplo, la página del calendario en Wix Bookings).
Sin embargo, parte del contenido de estas páginas puede requerir revisiones o correcciones manuales. Además, el asistente no escanea ni es compatible con algunas páginas del sitio.

El Asistente de accesibilidad no es compatible con lo siguiente:

Recomendamos revisar estas páginas con nuestra lista de verificación para ver cómo puedes hacerlas más accesibles.