Accesibilidad digital en Tilda

Hacer la Web accesible para todos: Descubra cómo puede dar forma al futuro de Internet

Accesibilidad digital en Tilda

Hacer la Web accesible para todos: Descubra cómo puede dar forma al futuro de Internet

La accesibilidad digital es el concepto que hace que la tecnología sea inclusiva e igualmente accesible para una amplia gama de visitantes, incluidas las personas con discapacidad.

"a11y" es el acrónimo de "accesibilidad".

1.3
mil millones de personas sufren una discapacidad importante
16%
de la población mundial vive con una discapacidad
1 de cada 6
de nosotros tiene algún tipo de discapacidad, según la OMS (marzo de 2023)

1.3
mil millones de personas sufren una discapacidad importante
16%
de la población mundial vive con una discapacidad
1 de cada 6
de nosotros tiene algún tipo de discapacidad, según la OMS (marzo de 2023)

Crear sitios web fáciles de usar para personas con discapacidades físicas y cognitivas.

En Tilda puedes crear sitios web fáciles de usar para un amplio abanico de visitantes, incluidos los discapacitados. La plataforma le permite diseñar proyectos utilizables por todo el mundo. Descubre cómo evoluciona la accesibilidad digital de Tilda.

Crear sitios web fáciles de usar para personas con discapacidades físicas y cognitivas.

Los sitios web creados en Tilda están diseñados teniendo en cuenta la accesibilidad digital

Los bloques prediseñados de Tilda incluyen todas las características necesarias para crear un sitio web fácil de usar para personas con discapacidad. El diseño y los atributos permiten crear un sitio web fácilmente comprensible por las tecnologías de asistencia. Por ejemplo, los lectores de pantalla leerán con precisión el contenido del sitio web.

Sistema de diseño para personas con distintas capacidades de percepción de la información

Indicador de enfoque visible al navegar por un sitio web con el teclado
El cuadro de enfoque coloreado ayuda a navegar por la página y deja claro con qué elemento se está interactuando.
Todos los bloques de título incluyen etiquetas H1-H6
Los títulos de distintos niveles permiten al lector de pantalla leer con precisión la estructura de la página y navegar por ella mediante el teclado.
Texto Alt para las imágenes en todos los bloques
Los usuarios con deficiencias visuales oirán la descripción de la imagen. Si hay un problema temporal, como una conexión lenta, los visitantes videntes también se beneficiarán de ello y leerán la descripción de la imagen.
Encabezado y pie de página
El lector de pantalla reconocerá que una persona ha pasado a un bloque de cabecera o de pie de página y le dará la voz correspondiente. En la cabecera, es posible saltarse la lectura de los elementos del menú e ir directamente al contenido principal.
Navegación por menús y submenús
Los elementos de los menús y submenús están marcados correctamente para que los visitantes puedan navegar por ellos con un lector de pantalla o un teclado.
Formularios
La mayoría de los campos son accesibles para lectores de pantalla y teclados. Los mensajes de éxito o error también tienen voz.
Pop-ups
Los visitantes que utilicen un lector de pantalla entenderán que han abierto una ventana emergente y que están interactuando con ella. Las ventanas emergentes también están disponibles para la navegación por teclado.
Bloques funcionales
Un marcado semánticamente correcto permite al lector de pantalla reconocer estos bloques como una lista.
Reproductores de vídeo
El lector de pantalla lee correctamente el botón Reproducir del reproductor de vídeo para que el visitante pueda reproducir y pausar los vídeos.
Azulejos y enlaces: Todos los bloques de la categoría
En estos bloques, los visitantes pueden navegar utilizando el teclado. Dependiendo del bloque, el lector de pantalla leerá un botón o el título de una tarjeta para los usuarios con discapacidad visual.
Fichas
Se puede navegar por las pestañas utilizando el teclado. El contenido será locutado por el lector de pantalla para los visitantes con limitaciones visuales.
Bloques en acordeón
Los elementos del acordeón serán locutados por el lector de pantalla. También se puede navegar por ellos con el teclado.
Deslizadores
Los botones, las flechas y la paginación son legibles para el lector de pantalla y se puede navegar por ellos desde el teclado.

Ver la lista completa de bloques accesibles en Tilda

Accesibilidad en Tilda

Hemos avanzado mucho y seguimos trabajando para que la plataforma sea más accesible. Tenemos previsto mejorar los bloques restantes de la biblioteca, Zero Block, Catálogo de productos, Feeds y la interfaz de Tilda. También añadiremos más herramientas para comprobar la accesibilidad de sus sitios web.

Utilizar la web no debería ser un privilegio, sino una rutina ordinaria. Y en Tilda podemos influir en ello. Ponemos de nuestra parte para garantizar que todo el mundo, independientemente de sus características físicas o perceptivas, pueda sentirse cómodo en línea mientras navega, busca información, compra y mucho más.

Anastasia Skoblova,

responsable de accesibilidad digital en Tilda

Herramientas para crear sitios web accesibles al alcance de su mano

La accesibilidad de los sitios web para personas con discapacidad es responsabilidad tanto de la plataforma como del creador del sitio web. Descubre qué puedes hacer para que tu web sea más amigable para todos los usuarios.

especificar las etiquetas Alt de las imágenes

utilice las etiquetas de título H1-H6

utilice colores contrastados para el fondo y el texto

elija un tipo de letra fácilmente legible

incluir no sólo números de teléfono, sino también direcciones de correo electrónico y otros datos de contacto

Estas acciones mejorarán no sólo la accesibilidad, sino también la experiencia del usuario en general, las tasas de conversión y el posicionamiento en buscadores (SEO).

Lea la lista de control completa

Es esencial preocuparse por los visitantes con discapacidad

Cualquiera puede enfrentarse a una situación en la que, temporal o constantemente, empiece a percibir el mundo de forma diferente.

Constante

Temporal

Situacional

VISTA

Ceguera

Cataratas

Una luz cegadora

Toque

Miembro perdido

Fractura de miembro

Las manos están ocupadas

Voz

Mutismo

Laringitis

Un acento marcado

Audición

Sordera

Infección de oído

Ruido en el metro

Deterioro cognitivo

Dislexia o TDAH

Lesiones cerebrales

Sacudidas en el transporte

Constante

Ceguera

Temporal

Cataratas

Situacional

Una luz cegadora

Constante

Miembro perdido

Temporal

Fractura de miembro

Situacional

Las manos están ocupadas

Constante

Mutismo

Temporal

Laringitis

Situacional

Un acento marcado

Constante

Sordera

Temporal

Infección de oído

Situacional

Ruido en el metro

Constante

Dislexia o TDAH

Temporal

Lesiones cerebrales

Situacional

Sacudidas en el transporte

Comparta su opinión

Hagamos juntos que Tilda sea más inclusiva. Comparta su opinión sobre la accesibilidad y envíe sus preguntas, sugerencias y comentarios a team@tilda.cc

Recursos de accesibilidad digital

Crear sitios web accesibles con Tilda

Regístrate gratis