Atreure més lectors a un lloc que s'adapti a les necessitats de tots
En fer que el vostre lloc web sigui accessible a persones amb discapacitat, acabeu de fer accessible per a tothom. De fet, fer que el vostre lloc web sigui més accessible fins i tot pot ajudar els usuaris a trobar el vostre lloc web als cercadors. Per què? Com que els motors de cerca utilitzen alguns dels mateixos senyals que els lectors de pantalla fan per trobar i comprendre el contingut del vostre lloc web.
Però, exactament, com fa un lloc web accessible sense convertir-se en un expert en codificació?
Aquests són alguns consells i trucs que gairebé qualsevol persona amb coneixements bàsics d'HTML pot utilitzar per millorar l'accessibilitat del seu lloc web.
Eines d'accessibilitat web
W3C té una llista fantàstica d'eines d'accessibilitat web que podeu utilitzar com a comprovador per detectar possibles problemes amb el vostre lloc web. Dit això, encara recomano fer una mica d'exploració amb un lector de pantalla i experimentar-lo per tu mateix.
Lectura relacionada: què és la tecnologia assistencial i com funciona?
Comprensió dels lectors de pantalla
Una de les maneres més importants de millorar l'accessibilitat del vostre lloc web és assegurar-se que els lectors de pantalla puguin entendre. Els lectors de pantalla utilitzen una veu sintetitzada per llegir el text a la pantalla. Sembla bastant senzill; No obstant això, és possible que els lectors de pantalla no entenguin el vostre lloc web de la manera en què actualment l'ha configurat.
El primer que voldreu fer és provar un lector de pantalla i veure com va. Si esteu en una Mac, proveu d'utilitzar VoiceOver.
- Aneu a Preferències del sistema.
- Seleccioneu Accessibilitat.
- Seleccioneu VoiceOver.
- Marqueu la casella Activar VoiceOver.
Podeu activar-lo o desactivar-lo usant l'ordre-F5.
Si esteu en una màquina Windows, podeu descarregar NVDA. Podeu configurar-lo per activar o desactivar el control de drecera + alt + n.
Tots dos lectors de pantalla funcionen deixant que l'usuari navegueu pel teclat (això té sentit: si no podeu veure, fer servir un mouse seria un desafiament) i creant una àrea d'enfocament per a la navegació. El focus és essencialment on el teclat està "apuntat", però normalment es mostra com una caixa ressaltada al voltant de l'objecte de focus en lloc d'un cursor.
Podeu canviar tant el to de veu com la velocitat a la qual la veu es llegeix si la configuració predeterminada és molesta (i després d'uns cinc minuts d'escoltar una lectura lenta estàndard de veu, normalment són). Les persones cegues solen llegir llocs web amb els lectors de pantalla configurades a altes velocitats.
Pot ajudar a tancar els ulls mentre fa això, però també pot ajudar a mantenir-los oberts i comparar-los. Algunes de les coses que podeu notar immediatament quan intenteu escoltar el vostre lloc web és que alguns dels textos no estan disponibles. Les capçaleres i les taules es poden confondre. Les imatges es poden saltar o bé poden dir "imatge" o alguna cosa que no sigui útil. Les taules solen llegir-se com una sèrie d'elements sense context.
Podeu, amb sort, solucionar això.
Alt-Etiquetes o atribut alternatiu
L'alt-tag o l'atribut alternatiu (alt) s'utilitza en HTML per descriure una imatge. En HTML, es veu una cosa així:
Fins i tot si fa que el vostre lloc web tingui una eina visual que oculti el vostre codi HTML, gairebé sempre tindreu l'oportunitat d'introduir una descripció d'una imatge. No podeu introduir res (alt = ""), però seria realment millor donar una descripció útil a cada imatge. Si fos cec, què hauria de saber de la imatge? "La dona" no és una gran ajuda, però potser "gràfic de flux de disseny de dona, incloent accessibilitat, usabilitat, marca i disseny".
Títol de text
Els llocs web no sempre mostren l'etiqueta del títol HTML, però és útil per als lectors de pantalla. Assegureu-vos que les pàgines del vostre lloc web tinguin un títol descriptiu (però no massa detallat) que indica als visitants quina és la pàgina.
Doneu la bona jerarquia d'informació al vostre lloc web
Trenqueu grans trossos de text amb encapçalaments i, si és possible, utilitzeu encapçalats amb la jerarquia H1, H2, H3 adequadament. No només facilita el vostre lloc web per als lectors de pantalla, sinó que és més fàcil per a tothom. També és un bon senyal per a Google i altres motors de cerca per ajudar-los a indexar millor el vostre lloc web.
De la mateixa manera, haureu d'assegurar-vos que el vostre lloc web es trobi en un ordre de contingut lògic i que no tingueu caixes d'informació no relacionada. Si utilitzeu anuncis, observeu que els vostres anuncis no són massa intrusius i que esborreu el text al vostre lloc amb massa freqüència.
Feu millors taules
Si utilitzeu taules HTML, podeu afegir títols a les vostres taules utilitzant l'etiqueta per fer-los més fàcils d'entendre per lectors de pantalla en lloc de fer que el títol d'una taula es mostri en negreta. També podeu afegir l'element "abast" i clarament etiquetar noves files i columnes a la vostra taula, de manera que els lectors de pantalla no simplement eliminin una sèrie de cel·les de la taula sense donar cap context.
Navegació del teclat
En general, qualsevol cosa que posi al vostre lloc web hauria de ser una cosa que algú podria concebre fàcilment utilitzant només un teclat. Això significa que els botons de navegació no han de ser botons desplegables animats si no els podeu utilitzar amb un lector de pantalla (proveu-lo i vegeu si no esteu segurs), alguns botons estan programats per a l'ús del teclat.
Lletres tancades
Si afegiu vídeos o elements d'àudio al vostre lloc web, haurien de tenir subtítols. HTML5 i molts serveis de transmissió de vídeo (com YouTube) ofereixen suport de subtítols tancats. Els subtítols tancats són útils no només per a l'accessibilitat, sinó també per als usuaris que poden navegar pel vostre lloc web en algun lloc on no poden reproduir àudio, com ara en una oficina o en una ubicació sorollosa.
Per podcasts o altres elements d'àudio, considereu proporcionar una transcripció de text. No només és útil per a persones que no poden escoltar l'àudio, ja que el text farà que Google i altres motors de cerca puguin indexar aquest contingut i ajudar al vostre rànquing de Google .
ARIA
Si voleu accedir al nivell d'accessibilitat avançat, les especificacions ARIA d'HTML5 o WAI-ARIA pretenen ser el nou estàndard avançat. Tanmateix, es tracta d'un manual tècnic complex (i en evolució), de manera que el que podeu fer és utilitzar un validador d'ARIA per escanejar per veure si el vostre lloc web té problemes que podeu solucionar. Mozilla també té una guia més accessible per començar amb ARIA.