Atraer máis lectores cun sitio que se adapte ás necesidades de todos
Ao facer que o teu sitio web sexa accesible para persoas con discapacidade, vostede acaba facendo accesible para todos. De feito, facer que o teu sitio web sexa máis accesible pode ata axudar ás persoas a atopar o teu sitio nos buscadores. Por que? Porque os motores de busca usan algúns dos mesmos sinais que os lectores de pantalla fan para atopar e comprender o contido do teu sitio web.
Pero exactamente como fai un sitio web accesible sen converterse nun experto en codificación?
Aquí tes algúns consellos e trucos que case calquera persoa con coñecementos básicos de HTML pode usar para mellorar a accesibilidade do seu sitio.
Ferramentas de accesibilidade web
W3C ten unha lista fantástica de ferramentas de accesibilidade web que pode usar como control para detectar posibles problemas co seu sitio web. Dito isto, aínda recomendo facer un pouco de exploración cun lector de pantalla e experimentalo por si mesmo.
Lectura relacionada: ¿Que é a tecnoloxía de axuda e como funciona?
Comprensión de lectores de pantalla
Unha das formas máis importantes que pode mellorar a accesibilidade do seu sitio web é asegurarse de que os lectores de pantalla poidan entender. Os lectores de pantalla usan unha voz sintetizada para ler o texto na pantalla. Isto parece moi sinxelo; Non obstante, os lectores de pantalla poden non comprender o seu sitio web como o configure actualmente.
O primeiro que queres facer é probar un lector de pantalla e ver como vai. Se estás nun Mac, proba a usar VoiceOver.
- Ir a Preferencias do sistema.
- Seleccione a accesibilidade.
- Seleccione VoiceOver.
- Marque a caixa de Activar o VoiceOver.
Pódelo activar e desactivar mediante o comando-F5.
Se estás nunha máquina Windows, podes querer descargar NVDA. Podes configuralo para activar e desactivar o control de acceso directo + alt + n.
Os dous lectores de pantalla funcionan deixando que o usuario navegue polo teclado (isto ten sentido - se non pode ver, usar un rato sería un desafío) e creando unha área de foco para a navegación. O foco é esencialmente onde o teclado está "apuntado", pero normalmente móstrase como unha caixa resaltada ao redor do obxecto do foco en lugar dun cursor.
Pode cambiar o ton de voz ea velocidade na que a voz lese se a configuración predeterminada é molesta (e despois de aproximadamente cinco minutos de escoitar unha lectura lenta de voz lenta, normalmente son). As persoas cegas adoitan ler sitios web cos seus lectores de pantalla a altas velocidades.
Pode axudar a pechar os ollos a medida que o fai, pero tamén pode axudar a mantelos abertos e comparar. Algunhas das cousas que pode notar inmediatamente cando intenta escoitar o seu sitio web é que algúns dos textos poden estar fóra de orde. Os encabezados e as táboas poden involucrarse. As imaxes poden omitirse ou poden dicir "imaxe" ou algo igualmente inútil. As táboas tenden a ser lidas como unha serie de elementos sen contexto.
Podes, con sorte, solucionar isto.
Alt-Tags ou atributo alternativo
O atributo alt-tag ou alternativo (alt) se usa en HTML para describir unha imaxe. En HTML, parece algo así:
Aínda que faga o seu sitio web cunha ferramenta visual que oculta o seu código HTML, case sempre terá a oportunidade de introducir unha descrición de imaxe. Non podes ingresar nada (alt = "") pero sería mellor dar unha imaxe útil a cada imaxe. Se estiveses cego, o que necesitas saber sobre a imaxe? "Muller" non é moita axuda, pero quizais "Carta de fluxo de deseño de debuxos de muller, incluíndo accesibilidade, usabilidade, marca e deseño".
Texto do título
Os sitios web non sempre amosan a etiqueta do título HTML, pero é útil para os lectores de pantalla. Asegúrese de que cada unha das páxinas do seu sitio teña un título descriptivo (pero non excesivamente detallado) que indique aos visitantes sobre o que se trata.
Dea a súa boa xerarquía de información
Rompe grandes anacos de texto con cabeceiras e, se é posible, use os encabezados coa xerarquía H1, H2, H3 de forma adecuada. Non só facilita o seu sitio para os lectores de pantalla, o fai máis doado para todos os demais. Tamén é un excelente sinal para Google e outros buscadores para axudalos a mellorar o índice do seu sitio web.
Do mesmo xeito, debes asegurarte de que o teu sitio web estea nun pedido de contido lóxico e que non teñas caixas de información non relacionada. Se estás a usar anuncios, observa que os teus anuncios non son excesivamente intrusivos e que rompen o texto no teu sitio con demasiada frecuencia.
Facer mellores táboas
Se está a usar táboas de HTML, pode engadir subtítulos ás táboas usando a etiqueta para facelas máis fáciles de entender polos lectores de pantalla en lugar de facer o título dunha táboa en negra. Tamén pode engadir o elemento de "alcance" e claramente etiquetar novas filas e columnas na súa táboa para que os lectores de pantalla non simplemente desborden unha serie de celas de táboas sen dar ningún contexto.
Navegación por teclado
En xeral, calquera cousa que poña no seu sitio web debería ser algo que alguén podería pensar usando só un teclado. Isto significa que os botóns de navegación non deben ser os botóns despregados animados se non os podes usar cun lector de pantalla (probalo e ver se non está seguro) algúns botóns están programados para o uso do teclado.
Lendas pechadas
Se engades vídeos ou elementos de audio ao teu sitio web, deberían ter subtítulos. HTML5 e moitos servizos de transmisión de video (como YouTube) ofrecen soporte de subtítulos pechados. Os subtítulos pechados son útiles non só para a accesibilidade senón tamén para os usuarios que poden estar navegando polo seu sitio web nalgún lugar onde non poden reproducir audio, como nunha oficina ou nunha situación ruidosa.
Para podcasts ou outros elementos de audio, considere proporcionar unha transcrición de texto. Non só é útil para persoas que non poden escoitar o audio, tendo o texto facilitará que Google e outros motores de busca indexen ese contido e axuden ao seu ranking de Google .
ARIA
Se desexa acceder ao nivel de accesibilidade avanzado, as especificacións ARIA de HTML5 ou as especificacións WAI-ARIA pretenden ser o novo estándar en diante. Non obstante, este é un manual técnico complexo (e en constante evolución), entón o que podería facer é utilizar un validador ARIA para comprobar se o seu sitio web ten algún problema ao que pode dirixirse. Mozilla tamén ten unha guía máis accesible para comezar coa ARIA.