Lista de verificación de accesibilidad del sitio web de SaaS

¿Qué es la accesibilidad del sitio web?

La accesibilidad web se trata de garantizar que todos puedan acceder, consumir e interactuar con el contenido de su sitio web SaaS. Un sitio web accesible es aquel que se adapta a todos los usuarios en todos los dispositivos, sin importar la capacidad física o mental del usuario.

La accesibilidad es una parte vital del diseño moderno de la experiencia del usuario, tanto para su sitio web SaaS como para su producto. La última versión de las Pautas de accesibilidad al contenido web (WCAG) 2.1 del World Wide Web Consortium (W3C) cubre una amplia gama de recomendaciones para hacer que el contenido web sea más accesible.

¿Por qué hacer que su sitio web SaaS sea accesible?

Quiere que su solución SaaS llegue al máximo número de usuarios. ¿Pero adivina que? Es probable que una buena parte de su público objetivo viva con una discapacidad, como daltonismo, dificultades de lectura, problemas de audición, etc.

• Según la OMS, las personas con algún tipo de discapacidad constituyen el 15% de la población mundial.
• Uno de cada cuatro adultos, o 61 millones de personas, en los Estados Unidos tiene una discapacidad.

Hacer que su sitio web SaaS sea más accesible no solo es lo correcto, sino que no hacerlo significa que está rechazando prospectos antes de que haya tenido la oportunidad de presentar su producto.

Además, no hacer que su SaaS sea accesible puede atraer demandas costosas.

• 2018 vio un aumento del 181 % en las demandas federales de ADA con respecto a 2017.
• La cantidad de demandas que alegan que los sitios web, las aplicaciones y los videos eran inaccesibles para las personas con discapacidad aumentó un 64 % en la primera mitad de 2021 en comparación con 2020.

4 principios fundamentales del diseño web accesible

Las Directrices de Accesibilidad al Contenido Web están organizadas en torno a cuatro principios:

• Perceptible: los visitantes con discapacidades visuales, auditivas o sensoriales pueden consumir contenido (a través de un lector de pantalla, subtítulos, transcripciones u otra tecnología de asistencia).
• Operable: los visitantes pueden operar el sitio web con los controles que prefieran, como atajos de teclado para alguien que no puede usar un mouse.
• Comprensible: la interfaz del sitio web es comprensible para usuarios con discapacidades cognitivas como epilepsia o autismo.
• Sólido: el sitio web es multinavegador, multiplataforma y compatible con la tecnología de asistencia actual.

Niveles de accesibilidad WCAG

Hay tres niveles de cumplimiento de accesibilidad (A, AA y AAA), siendo el nivel A las necesidades mínimas cumplidas (no totalmente accesible) y AAA el nivel de accesibilidad más optimizado.

• Nivel A: El nivel más bajo de accesibilidad que satisface el conjunto mínimo de requisitos. A muchos grupos de usuarios con discapacidades les resultará difícil o imposible acceder al contenido de dichos sitios web.
• Nivel AA: Un mayor nivel de accesibilidad. Algunos grupos de usuarios tendrán dificultades para acceder a la información en dichos sitios web. Alcanzar este nivel eliminará las principales barreras de acceso al contenido web para usuarios con discapacidades.
• Nivel AAA: El nivel más alto de accesibilidad. El cumplimiento de estos criterios garantizará una experiencia de usuario óptima para las personas con discapacidades.

Una lista de verificación de accesibilidad del sitio web SaaS de 14 puntos

Esta lista de verificación no es exhaustiva, pero cubre los elementos prioritarios que debe considerar para que su sitio web SaaS sea más accesible y compatible:

• Establezca una estructura de encabezado HTML clara con el uso correcto de H1, H2, etc.
• Haga que los hipervínculos en la página sean fáciles de usar:
  • Subraye el texto vinculado en línea y tenga un color diferente al resto del contenido.
  • Escriba un texto de anclaje descriptivo como "Descargue nuestra guía de accesibilidad gratuita" en lugar de "Haga clic aquí".
• Agregue un texto alternativo descriptivo para todas las imágenes y tablas para que el contenido sea utilizable por personas que usan tecnología de asistencia, como lectores de pantalla.
• Asegúrese de tener subtítulos, subtítulos incrustados o al menos transcripciones de texto disponibles para contenido de video y audio.
• Usa los colores con cuidado:
  • Tenga un contraste de color adecuado entre varios elementos (como texto y botones) y el fondo.
  • Asegúrese de que los colores no se utilicen solos para comunicar información a los usuarios.
  • Use patrones o texturas para indicar diferencias visuales en tablas, gráficos, etc.
• Elija tipos de letra accesibles de modo que los caracteres se distingan fácilmente entre sí y la fuente tenga suficiente espacio entre las letras.
• Proporcione la capacidad de cambiar fácilmente el tamaño del texto mientras la página aún funciona como se espera en todos los navegadores.
• Haga que su sitio web SaaS sea amigable con el teclado:
  • Asegúrese de que todas las partes de su sitio web sean accesibles sin un mouse, usando solo las teclas del teclado. Todas las acciones que se pueden realizar con un mouse también deben poder realizarse con un teclado.
  • Mantenga la navegación de su sitio web intuitiva y concisa, incluyendo solo las categorías necesarias en el menú.
  • Muestre un indicador de enfoque visible que señale el elemento activo que el usuario ha seleccionado actualmente.
• Haga que sus formularios sean accesibles:
  • Defina límites y fronteras claros.
  • Etiquete los elementos de su formulario para explicar qué datos deben ingresarse.
  • Marque los campos de formulario obligatorios como obligatorios.
  • Dar mensajes de error útiles.
• Para las páginas que tienen un límite de tiempo, permita que los usuarios ajusten el límite o lo desactiven.
• Asegúrese de que el contenido del texto sea gramaticalmente correcto y esté escrito en un lenguaje sencillo para facilitar la lectura y la comprensión. Definir abreviaturas o palabras inusuales en un glosario.
• No tenga ningún elemento en la página que parpadee más de tres veces por segundo.
• Use elementos HTML semánticos para describir efectivamente el propósito de los elementos de la página.
• Publique una declaración de accesibilidad que indique el nivel objetivo de accesibilidad de su empresa y sus esfuerzos para lograr el cumplimiento de la ADA.

Herramientas de evaluación de accesibilidad gratuitas cuidadosamente seleccionadas

Estas son algunas de las muchas herramientas gratuitas que puede usar para evaluar la accesibilidad de su sitio web:

• WAVE : un conjunto de herramientas de evaluación que ayuda a los autores a hacer que su contenido web sea más accesible para las personas con discapacidades.
• WebAccessibility.com : obtenga una puntuación general de cumplimiento de W3C de 100, para que pueda ver qué tan compatible con WCAG es su sitio web de SaaS.
• SortSite : verifique su sitio web con los estándares de accesibilidad WCAG y el cumplimiento de la Sección 508 de la Ley de Rehabilitación. Comprueba la accesibilidad, los enlaces rotos, la compatibilidad del código del navegador, la optimización del motor de búsqueda y otros problemas de usabilidad.
• aCe by accessiBe : una herramienta de accesibilidad totalmente automatizada que brinda una respuesta inmediata y precisa sobre si su sitio web cumple con ADA y WCAG.

¿Encontró útil esta lista de verificación? Aquí hay una versión útil de infografía que puede compartir con sus colegas y su red.