Accesibilidad

Teclado de navegación

La compatibilidad con la navegación mediante teclado es un aspecto fundamental de la accesibilidad web. Garantiza que los usuarios que no pueden usar un ratón, como aquellos con discapacidades motoras, visuales o lesiones temporales, puedan navegar e interactuar con un sitio web.

Cada elemento interactivo, incluido enlaces, botones y campos de formulario, debe ser accesible usando la tecla Tab, con un orden de tabulación lógico e indicadores de enfoque visibles para mostrar qué elemento está seleccionado actualmente.

Sitios web creados con la última versión de Blocs, admite los siguientes controles de navegación del teclado cuando se ve en un navegador web.

Tecla de escape

• Cierra el menú desplegable.
• Cierra modal.
• Cierra la caja de luz.
• Cierra el menú de pantalla completa.

Teclas de flecha izquierda y derecha

• Navegar por Light Box (hacia adelante y hacia atrás).
• Navegar por las pestañas (hacia adelante y hacia atrás).

Tecla de retorno

• Haga clic en el botón o enlace seleccionado.
• Abrir el menú/desplegable seleccionado.

Llave del espacio

• Haga clic en el botón seleccionado.
• Abrir el menú/desplegable seleccionado.
• Alternar selección de casilla de verificación (marcada/desmarcada).
• Alternar selección de radio (seleccionar una opción).

Tecla de tabulación

• Mueva la selección hacia adelante.

Tecla Shift + Tab

• Mover la selección hacia atrás.

Indicadores de enfoque

Al navegar por un sitio web utilizando un teclado, es esencial que los indicadores de enfoque estén claramente visibles, lo que permite a los usuarios ver fácilmente qué elemento está seleccionado actualmente. Blocs incluye un incorporado Mejora de la accesibilidad función que, cuando está habilitada, mejora la visibilidad de enlace y . Estados de enfoque. Esta mejora facilita la navegación eficiente del sitio por parte de los usuarios de teclado y garantiza una experiencia más accesible para quienes dependen del teclado.

Etiquetas de accesibilidad

El uso de etiquetas de accesibilidad en un sitio web es crucial para cumplir con las Pautas de Accesibilidad al Contenido Web (WCAG) y garantizar que el contenido sea accesible para todos los usuarios, incluidos aquellos que utilizan tecnologías de asistencia como lectores de pantalla. Un elemento clave es el uso de etiquetas descriptivas. alt etiquetas en las imágenes, que proporcionan un contexto significativo para los usuarios que no pueden ver el contenido visual. En BlocsConfigurar el texto alternativo de una imagen es simple, solo use el campo de texto relevante en el inspector de la barra lateral, cuando se selecciona una imagen en el lienzo de diseño.

Esta terapia, además etiqueta aria y aria-etiquetada por Los atributos ayudan a etiquetar elementos que no tienen texto visible, como íconos o botones, lo que permite a los lectores de pantalla comunicar su función claramente.
Al crear un sitio web con Blocs, puede agregar manualmente estos atributos de accesibilidad usando Atributos de datos personalizados, lo que le brinda control total sobre cómo las tecnologías de asistencia interpretan y anuncian su contenido.

Contraste de color

Al crear una página web, es importante tener en cuenta contraste de color y Daltonismo Para garantizar que su contenido sea accesible para todos los usuarios. Un contraste adecuado entre el texto y los colores de fondo es esencial para la legibilidad, especialmente para personas con baja visión o deficiencias en la visión del color. Blocs incluye incorporado filtros de simulación de discapacidad visual que te permiten previsualizar tu sitio web desde diversas perspectivas visuales. Esto facilita la identificación y el ajuste de combinaciones de colores problemáticas, ayudándote a diseñar un sitio web más inclusivo y accesible.

Estructura

Usando etiquetas HTML semánticas, como encabezamiento, principal, ., nav y pie de páginaEs un factor importante a considerar al crear sitios web accesibles. Estas etiquetas estructuran y dan significado a tu contenido, permitiendo que tecnologías de asistencia como los lectores de pantalla interpreten el diseño de la página y naveguen por ella de forma más eficaz.

In Blocs, puede asignar etiquetas de contenedor semántico a cada sección de su sitio usando el etiqueta de contenedor Opciones. Esto no solo mejora la accesibilidad, sino que también ayuda a mantener su sitio web bien organizado y puede mejorar el SEO.