Hacer que su sitio web sea accesible para todos no solo es un deber moral, es una obligación legal. Muchas organizaciones, incluido el Comité Olímpico Internacional, han sido demandadas por no hacer que sus sitios web sean lo suficientemente accesibles. Con 50 millones de estadounidenses que sufren alguna discapacidad u otra, mejorar el acceso a su sitio también tiene un claro sentido comercial.
No son solo los etiquetados como 'discapacitados' quienes ganan tampoco. Las investigaciones sugieren que el 57% de los usuarios adultos de computadoras se beneficiarán de algún tipo de accesibilidad mejorada. Actualmente, solo el 19% de los sitios web cumplen con los requisitos de accesibilidad más básicos, por lo que realmente puede diferenciarse de la competencia realizando algunos cambios en su sitio.
En este artículo, exploramos 12 formas en las que puede hacer que su sitio sea más accesible. Algunos métodos son muy baratos y rápidos de implementar, otros requieren un poco más de tiempo e inversión financiera, pero debe considerarlos como oportunidades de negocio. Con Internet tan central en nuestras vidas en estos días, es injusto que algunas personas se queden atrás.
1. WAI-ARIA
Al mejorar la accesibilidad de su sitio, su primer puerto de llamada debe ser un conjunto de documentos, publicados por Worldwide Web Consortium, llamado WAI-ARIA. Básicamente, estos documentos establecen las formas en que los desarrolladores deberían agregar metadatos a HTML para mejorar la accesibilidad.
2. Mejora progresiva
La mejora progresiva significa diseñar un sitio web de manera escalonada para que todos puedan acceder a las funciones más básicas y los usuarios con mejor ancho de banda y navegadores avanzados pueden ver una versión mejorada. Los sitios creados con una estrategia de mejora progresiva se pueden leer mucho más fácilmente con el software de lectura de pantalla, que utilizan las personas con diferentes discapacidades.
3. Contenido alternativo
Es absolutamente vital que proporcione un texto equivalente para contenido que no sea de texto en su sitio. Las imágenes y los videos necesitan etiquetas alt, para que las personas que usan el software de lectura de pantalla puedan descubrir exactamente qué hay en una página. Los enlaces también necesitan etiquetas de título relevantes.
4. Subtítulos
Además de las etiquetas alt, las imágenes, los clips de audio y video necesitan subtítulos, para que los discapacitados visuales sepan exactamente lo que están viendo. Si está cargando videos o podcasts, proporcione un párrafo del texto que resuma su contenido, o incluso mejor, proporcione una transcripción completa. No lo olvides, los subtítulos también ayudan con el SEO.
5. Software de lectura de pantalla
La mayoría de las personas ciegas y deficientes visuales utilizan software de lectura de pantalla cuando navegan por sitios web. Una de las mejores maneras de asegurarse de que su sitio web sea accesible para ellos es intentar usar el mismo software usted mismo. Apague su monitor y ejecute el software para averiguar exactamente lo que dice su sitio a estos valiosos lectores y potenciales clientes. Si el software comienza a emitir incomprensión, ¡sabe que necesita hacer algunos cambios!
6. Auditoria
Ninguna cantidad de pruebas de accesibilidad que pueda hacer usted mismo puede compararse con tener un especialista real para poner su ojo experto sobre su sitio. Hay una serie de compañías e individuos que realizarán una auditoría de accesibilidad para usted, que le indicará exactamente qué cambios debe realizar.
7. Pruebas de usabilidad
Las pruebas de usabilidad son otra forma valiosa de identificar posibles problemas de accesibilidad en su sitio. Obtenga un grupo de personas con diferentes necesidades para probar su sitio de forma real, navegar y realizar tareas. Podrán informarle en detalle sobre cualquier problema que encuentren, muchos de los cuales, seguramente encontrará, no se incluirán en las pautas de WAI-ARIA.
8. Hojas de estilo
Al crear o rediseñar su sitio, asegúrese de que sus hojas de estilo permitan tamaños de fuente variables y nunca use fuentes fijas. Te sorprendería saber cuántos usuarios, desde personas mayores hasta personas con poca visión, cambian el tamaño de sus fuentes regularmente.
9. Controles de fuente
Los usuarios de Firefox e Internet Explorer pueden ampliar las fuentes, pero muchas personas no lo saben y otras aún utilizan navegadores más antiguos que no tienen esta capacidad. Para ellos, considere la posibilidad de incorporar controles de tamaño de fuente en su sitio.
10. Consistencia
La consistencia en el diseño de una página a otra es realmente importante para las personas que no pueden leer una página completa de un vistazo, y las que usan lectores de pantalla. Si su sitio es consistente, con las mismas cosas en el mismo lugar en cada página, podrán navegar con mayor facilidad. Los usuarios videntes a menudo encuentran la consistencia beneficiosa también.
11. Texto para la navegación
Evite utilizar imágenes para la navegación en su sitio, a toda costa. Use texto en su lugar. Los lectores de pantalla pueden entenderlo y es mucho más fácil cambiar el tamaño. Si sus controles de navegación no se pueden ampliar, asegúrese de que estén escritos en una fuente clara, con al menos 16 puntos de tamaño.
12. colores
El uso de diferentes colores en los sitios web es excelente, pero debe considerar cómo funcionan juntos para crear una imagen clara. Los colores de primer plano y de fondo deben contrastar lo suficiente y puede olvidarse del uso del texto en gris claro. Es lo suficientemente difícil como para que lo lean las personas con visión 20-20. Los enlaces deben ser de un color diferente al resto del texto de su sitio, preferiblemente azul y siempre subrayado.
Conclusión
La accesibilidad es un aspecto que a menudo se pasa por alto en el diseño web, pero es algo que debería estar en el centro de su proceso de diseño desde el principio cuando se realiza la configuración de un diseño. Sin parecer demasiado egoísta, asegurarse de que su sitio web cumpla con el estándar de accesibilidad significa una cosa: más clientes felices. Y sabes lo que eso significa!
Use los comentarios a continuación para decirnos si está de acuerdo con los consejos anteriores y cómo ha hecho que su sitio sea más accesible.