12 consejos para un sitio web más accesible
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 la accesibilidad de su sitio también tiene un claro sentido comercial.
Tampoco son los que están etiquetados como 'discapacitados' quienes ganan. La investigación sugiere 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 destacarse de la competencia al hacer algunos cambios en su sitio.
En este artículo, exploramos 12 formas en 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 negocios. Con Internet tan importante en todas 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 escala debe ser un conjunto de documentos, publicados por el Consorcio Web Mundial, llamado WAI-ARIA. Estos documentos básicamente establecen las formas en que los desarrolladores deben agregar metadatos a HTML para mejorar la accesibilidad.
2. Mejora progresiva
La mejora progresiva significa diseñar un sitio web en capas para que todos puedan acceder a las funciones más básicas y los usuarios con mejor ancho de banda y navegadores avanzados puedan ver una versión mejorada. Los sitios creados con una estrategia de mejora progresiva pueden leerse con mucha más facilidad mediante el software de lectura de pantalla, utilizado por personas con diversas discapacidades.
3. Contenido alternativo
Es absolutamente vital que proporcione un texto equivalente para el contenido no textual en su sitio. Las etiquetas de imágenes y videos necesitan, para que las personas que usan software de lectura de pantalla puedan averiguar 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, las imágenes, los clips de audio y video necesitan subtítulos, para que las personas con discapacidad visual sepan exactamente lo que están viendo. Si está cargando videos o podcasts, proporcione un párrafo de texto que resuma su contenido, o incluso mejor, proporcione una transcripción completa. No olvides que los subtítulos realmente 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 clientes potenciales. Si el software comienza a soltar galimatías, ¡sabes que necesitas hacer algunos cambios!
6. Auditoría
Ninguna cantidad de pruebas de accesibilidad que usted haga puede compararla con tener un verdadero especialista que eche un ojo experto sobre su sitio. Hay una serie de empresas e individuos que llevarán a cabo una auditoría de accesibilidad para usted, indicándole exactamente qué cambios debe realizar.
7. Pruebas de usabilidad
Las pruebas de usabilidad son otra forma valiosa de identificar posibles problemas de accesibilidad con su sitio. Obtenga un grupo de personas con una variedad de necesidades diferentes para probar su sitio de verdad, 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
Cuando construya o rediseñe su sitio, asegúrese de que sus hojas de estilo permitan tamaños de fuente variables y nunca utilicen fuentes fijas. Te sorprendería saber cuántos usuarios, desde personas mayores hasta personas con una visión ligeramente deficiente, cambian el tamaño de sus fuentes de forma regular.
9. Controles de fuente
Los usuarios de Firefox e Internet Explorer pueden ampliar las fuentes, pero muchas personas no son conscientes de esto y otros todavía usan navegadores más antiguos que no tienen esta capacidad. Para ellos, considere incorporar controles de cambio de tamaño de fuente en su sitio.
10. Consistencia
La coherencia en el diseño de una página a otra es realmente importante para las personas que no pueden ver una página completa de un vistazo y para quienes usan lectores de pantalla. Si el sitio es coherente, con las mismas cosas en el mismo lugar en cada página, podrán navegar con mucha más facilidad. Los usuarios videntes a menudo también encuentran beneficiosa la consistencia.
11. Texto para la navegación
Evite usar 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 los controles de navegación no se pueden ampliar, asegúrese de que estén escritos en una fuente clara, de al menos 16 puntos de tamaño.
12. colores
Usar diferentes colores en los sitios web es genial, pero debes 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 de texto gris claro que es lo suficientemente difícil de leer para las personas con visión de 20-20. Los enlaces deben ser de un color diferente al resto del texto en 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 está trazando un diseño. Sin sonar demasiado egoísta, garantizar que su sitio web cumpla con el estándar de accesibilidad significa una cosa: más clientes satisfechos. ¡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.
