Accesibilidad

‍Independientemente de la normativa, hacer que tu sitio web sea accesible para todas las personas es una responsabilidad básica, una que nos beneficia a todos, incluyéndonos a nosotros mismos en un futuro menos afortunado. Lo que Sitely puede hacer para ayudar es hacer que el proceso sea lo más ágil y simple posible, y cumplir con los criterios WCAG relevantes en los que se basan todas las regulaciones.

‍Los sitios web de Sitely, por el hecho de estar codificados de manera muy sencilla, son intrínsecamente muy accesibles.

‍Cumplir con la accesibilidad es complejo y matizado, tanto que no existe una sola herramienta que te dé una evaluación de cumplimiento del 100%; la mayoría solo señalará algunos de los problemas más evidentes. La cobertura completa de los requisitos de accesibilidad es un proceso de actualizaciones y perfeccionamientos progresivos, tanto para Sitely como para tu sitio web.

‍Un botón con una etiqueta no necesita nada especial para que la accesibilidad funcione con él, pero si el botón contiene una imagen y no tiene etiqueta, es necesario que establezcas la “Descripción del enlace”. Del mismo modo, en situaciones más complejas donde no hay etiqueta disponible, la descripción del enlace informa a las herramientas de accesibilidad sobre el significado del enlace. El asistente de Sitely para sitios web tiene una comprobación para eso.

A screenshot of a website assistant tool highlighting an accessibility issue with an empty label for a link description, alongside options for link settings.

‍Etiquetas de formularios

‍Otro tipo de información que debes añadir con fines de accesibilidad es la relación entre los campos del formulario y su etiqueta. Por ejemplo, un formulario que pide una dirección de correo electrónico usando un campo de texto y una etiqueta de texto ahora aclarará la relación configurando explícitamente el bloque de texto como la etiqueta de ese campo de texto.

‍El patrón de diseño moderno y eficiente en espacio que usa el placeholder como etiqueta también está directamente admitido, estableciendo el placeholder como etiqueta flotante y convirtiéndolo al mismo tiempo en la etiqueta de accesibilidad. Así es como se ve:

Form design interface showing an email address input field with settings for text input and label options.

‍Legibilidad del texto
Otro problema de accesibilidad surge cuando el contraste del texto sobre el fondo es insuficiente para una buena lectura. También tenemos una comprobación para eso. Lo que es único en Sitely —es decir, no conocemos ninguna herramienta que haga esto por tu sitio web— es la verificación del contraste del texto sobre una imagen de fondo, donde Sitely comprobará el contraste de cada carácter individual y proporcionará un detalle visual que señala el problema, como este.

A foggy forest background with the text "Sitely is awesome" and a pop-up window displaying an accessibility alert.

‍Descripciones de imágenes

‍Un paso que consume tiempo al añadir accesibilidad a un sitio web es agregar descripciones a las imágenes, algo que hoy en día está al alcance de lo que una IA puede hacer, por lo que usamos OpenAI para esto: enviamos una versión pequeña de la imagen a sus servidores y añadimos la descripción por ti.

Por favor, informa de cualquier deficiencia en esta documentación y la solucionaremos lo antes posible.

Actualizado para Sitely 6

Este sitio web utiliza cookies.

Consulta nuestra política de privacidad para más detalles.

Está bien Rechazar