Lo esencia para memorar es que los pequeños cambios marcan una gran diferencia, y el progreso constante es mucho más importante que la perfección.
Es manejable comenzar, pero aquí hay algunas dificultades comunes para tener en cuenta en el camino.
Errores comunes para evitar
¡Echemos un vistazo a algunas trampas comunes para evitar al hacer que su sitio sea más accesible para que pueda sostener las cosas suaves, simples y fáciles de usar para todos!
Formas desordenadas
Las etiquetas deben estar claras y vinculadas a los campos correctos. Los formularios confusos pueden conducir a una mala experiencia del beneficiario, así que asegúrese de ser lo más manejable de completar. Un poco de claridad es muy útil.
Callar la accesibilidad móvil
El diseño móvil no se proxenetismo solo de ajustar todo en una pantalla más pequeña. Pruebe cosas como el tamaño del yema y la legibilidad de texto para certificar la accesibilidad en todos los dispositivos. Sus usuarios móviles se lo agradecerán.
Navegación de teclado inconsistente
Los usuarios deben poder navegar por su sitio con la tecla Tab sin problemas. Si algunas piezas funcionan y otras no, puede ser muy frustrante para los usuarios. La consistencia es esencia.
Olvidando indicadores de enfoque claro
Los indicadores de enfoque son esenciales al navegar con un teclado. Sin ellos, es como tratar de encontrar el camino en la oscuridad. Asegúrese de que sean visibles y fáciles de seguir para que los usuarios siempre sepan dónde están.
Abandonarse solo en el color
Si solo está usando color para señalar cosas como errores (rojo) o éxito (verde), recuerde que no todos ven los colores de la misma forma. Para los usuarios de color ciego, agregue un contexto adicional con iconos o texto para que su mensaje se vuelva robusto y claro.
Callar alternativas de texto para videos y audio
Si tiene contenido de video o audio, no se olvide de aquellos que no pueden escucharlo o verlo. Siempre incluya subtítulos o transcripciones. Esto no solo hace que su contenido sea más accesible, sino que incluso impulsa su SEO, ¡una trofeo por todas partes!
Estropear la estructura de encabezado
Encabezados Ayuda a los usuarios y los motores de búsqueda a navegar su contenido. Si sus H1s, H2s y H3s no están en orden, es como darle a determinado un carta sin instrucciones. Una estructura clara de encabezado es una forma simple de encaminar a todos a donde necesitan ir.
Ejemplo de HTML para encabezados:
What is accessibility?
Accessibility for different disabilities
Mensajes de error vagos o difíciles de encontrar
Todos hemos estado allí: has molido un aferrado en una forma y recibiste un mensaje liviano “poco salió mal”. Súper frustrante, ¿verdad? Asegúrese de que sus mensajes de error sean específicos, enseres y fáciles de encontrar. Dar una mentor clara ayudará a los usuarios a retornar a la pista rápidamente.
No probar la accesibilidad
Es manejable aceptar que todo está admisiblemente, ¡pero las pruebas son imprescindibles! Asegúrese de revisar regularmente su sitio con los lectores de pantalla, la navegación del teclado y otra tecnología de audiencia para atrapar cualquier problema. El hecho de que poco se vea admisiblemente no significa que sea totalmente accesible, así que tómese el tiempo para probar, probar y probar nuevamente.
¿No está seguro de qué herramientas usar para probar su sitio? ¡No te preocupes, te tengo!
Las mejores herramientas para ayudarlo a comenzar
Cuando está astuto para sumergirse para probar la accesibilidad de su sitio, hay muchas herramientas que hacen que sea muy manejable poner las cosas en el camino. Estas son algunas de las mejores opciones para ayudarlo:
Webaim: Webaim está llena de herramientas y pautas de accesibilidad para guiarlo. Su útil de evaluación de accesibilidad de olas es excelente para revisar páginas individuales y detectar problemas de accesibilidad.
OLA: Esta útil manejable de usar está arreglado como una extensión del navegador y una útil basada en la web. Le permite ver los problemas de accesibilidad directamente en su página, desde el texto Alt faltante hasta las estructuras de bajo contraste y encabezados. Es valentísimo para cheques rápidos.
Hábil: ¡Los desarrolladores aman el hachuela! Es una ejercicio extensión del navegador que lo ayuda a profundizar en el código de su sitio para encontrar problemas como los atributos ARIA faltantes o los encabezados incorrectos. Se integra perfectamente en su proceso de explicación.
Faro: Si está buscando una auditoría completa del sitio, Lighthouse está integrado en Chrome DevTools y le brinda una revisión exhaustiva de accesibilidad, más el rendimiento y las ideas de SEO. Es una ventanilla única para mejoras procesables.