Descobriu l’accessibilitat en un disseny web

Normalment, la gent no sap diferenciar alguns conceptes importants en el tema de l’accessibilitat web, com ara la funció d’HTML, CSS i JavaScript. En poques paraules, HTML defineix com serà lestructura de la teva pàgina web; CSS defineix com es visualitza el contingut de la teva pàgina web i JavaScript t’ajuda a inserir funcionalitats dinàmiques a la teva pàgina. Els lectors de pantalla funcionen amb HTML, usualment. Molts dels elements de rebliment que incloses als teus continguts, per afavorir el SEO i produir contingut de qualitat, no és visible als lectors de pantalla mitjançant CSS. Encara que això no vol dir que els has de deixar enrere. L’opció és afegir contingut ocult a CSS perquè els lectors de pantalla puguin necessitar-ho. Per utilitzar JavaScript les sortides han de ser tant en HTML com en CSS, encara que no heu d’incrustar codi CSS ni JavaScript en HTML.

Els colors en el disseny web juguen un paper primordial i en el seu contingut, especialment si vols fer que els teus continguts siguin més llegibles i accessibles per als que tenen problemes visuals, naveguen amb poca llum, tenen visió limitada o són daltònics. És bo que juguis amb el color del text i el color del fons. Necessites que hi hagi un fort contrast entre color del text i el fons, per tant, el més pràctic, és triar text en color negre sobre un fons blanc.

No només has de jugar amb el color del text, sinó afegir patrons, formes i èmfasi on et sigui possible, ja que així fas els teus textos més llegibles i permets als qui tenen problemes de visió poder llegir i entendre els continguts.

Les capçaleres han de ser una aposta segura en tots els continguts, ja que permeten organitzar millor la informació i donen dades de jerarquia als lectors. Així, un lector de pantalla pot navegar amb més facilitat per tot el contingut i saber-ne l’ordre d’importància. Si a més hi incloeu una taula de continguts, estareu brindant-vos més ajuda. Escull formats H1, H2, H3, i quants subtítols necessitis perquè els teus continguts quedin ben organitzats i siguin més accessibles per a tothom.

Les llistes són el teu millor aliat per enumerar i numerar contingut voluminós, no sé per què a molta gent els costa tant fer-les servir! Potser és per por o perquè creuen que aquestes no sumen valor als seus continguts. T’animo que comencis a incloure llistes en tots els continguts, cada cop que ho consideris necessari, si vols fer més llegibles els teus continguts i millorar l’accessibilitat de la teva web. Pots utilitzar llistes amb formes (vinyetes) o amb números. Veuràs que aquestes fan els teus continguts més organitzats i obtindràs millors resultats.

Els menús són sempre bons per organitzar els elements i continguts d’una web, però no tots en treuen profit, així que els has de netejar, bé, no literalment! Però sí a mostrar-los de manera eficaç. Per exemple, alguns senyals visuals et vindrien bé als teus menús, per emfatitzar-los i destacar-los. No utilitzis estats de desplaçaments per revelar el contingut, tampoc satures el menú amb una infinitat d’opcions, sinó que has de ser específic. Recordeu, la idea dels menús és fer més dinàmica i puntual la informació; no n’abusis ni satures la teva pàgina amb menús a dretà i sinistre.

A l’hora de dissenyar els camps d’un formulari, les entrades de textos, has de prioritzar el contrast, del qual ja t’he parlat anteriorment, per això has de mantenir un contrast alt perquè el text sigui llegible i el lector pugui veure a quines parts fa clic. Afegir un color de farciment o una vora ajuda molt, i és indispensable per destacar aquells textos o paraules importants que porten a algun vincle. Has de tenir molt de tacte a l’hora de dissenyar l’anatomia de les entrades de text, doncs així seràs capaç de fer més llegibles els teus continguts i ajudaràs que els teus lectors no confonguin els textos amb el fons, a l’hora d’intentar fer-hi clic.

Les imatges, gràfics i quadres que incloguis en els teus continguts no estan decorats; o almenys no hauria de ser així! El text alternatiu en aquests elements pot fer molt més per tu del que t’imagines com, per exemple, fer que els lectors de pantalla entenguin de què tracta la fotografia o el gràfic que has afegit al contingut textual. Si proporciones un text alternatiu a totes les teves imatges, gràfics, quadres i taules, estaràs afavorint els qui tenen problemes visuals i, a més, estaràs millorant el teu SEO, ho sabies? Revisa aquests consells de SEO per a imatges que sí que funciona.

Els fitxers multimèdia són una excel·lent forma de contingut en aquests temps; són dinàmics, moderns, versàtils i s’adapten a les necessitats de cada persona, encara que posseeixin discapacitats. Per fer més accessible la teva web pots afegir subtítols o transcripcions als teus vídeos, i compartir material multimèdia per diverses vies, no només vídeos. Les transcripcions us apropen a usuaris amb problemes de so, als quals no parlen el vostre mateix idioma o gent amb dificultat per sentir.

Qui es fica per un camí sense saber on va? Ningú! I no és diferent a l’hora de vincular els teus continguts web des d’altres textos, per la qual cosa una manera de fer-los més accessibles és afegint-los context i apostant per un enllaç descriptiu. La vinculació interna i externa és important per al SEO de la teva pàgina web, així que aprofita això per enfortir la teva SEO i alhora donar suport als teus lectors de pantalla. Has de llançar llums al teu públic sobre cap a quines enllaçes i permetre’ls escanejar si realment volen anar cap a on els dirigeixes. Així que et convé aprendre sobre estratègies de Linkbuilding i optimització SEO.

Els elements de la interfície d’usuari poden ser el somni de qualsevol dissenyador web, ja que hi ha la possibilitat de crear alguna cosa nova, moderna i autèntica, però la idea és mantenir l’equilibri i dissenyar elements funcionals. Perquè assegureu l’accessibilitat d’una web heu de mantenir les coses simples i pràctiques, establint elements de la interfície d’usuari que en realitat siguin útils per a la majoria i no que siguin elitistes, i apuntin només a un petit grup. Recordeu, la idea principal de l’accessibilitat és que la web funcioni per a tots i de totes les formes possibles. No t’oblidis de ningú!

Els elements de la interfície d’usuari poden ser el somni de qualsevol dissenyador web, ja que hi ha la possibilitat de crear alguna cosa nova, moderna i autèntica, però la idea és mantenir l’equilibri i dissenyar elements funcionals. Perquè assegureu l’accessibilitat d’una web heu de mantenir les coses simples i pràctiques, establint elements de la interfície d’usuari que en realitat siguin útils per a la majoria i no que siguin elitistes, i apuntin només a un petit grup. Recordeu, la idea principal de l’accessibilitat és que la web funcioni per a tots i de totes les formes possibles. No t’oblidis de ningú!

Ja t’he ressaltat la importància d’utilitzar encapçalats i estructurar bé els continguts de la teva pàgina, ja que així les persones que utilitzen lectors de pantalla poden sentir millor la informació i comprendre-la. Les capçaleres han de ser vists com a etiquetes que defineixen quin estil i propòsit tindrà un text, així que treu-li profit i crea veritables encapçalats. No només els creus per crear-los, ni per obeir un estil. De l’estructura i els components d’una pàgina dependrà l’accessibilitat, per tant cal triar els marcadors correctes; algunes vegades serà més útil utilitzar marcadors HTML, però altres no, així que has davaluar això i prendre cartes en lassumpte.

No és factible col·locar totes les paraules en majúscules, ni per ressaltar coses importants, ja que el lector de pantalla processa les majúscules com a lletres individuals, per la qual cosa llegirà lletra per lletra quan es topi amb paraules escrites completament en majúscules.

Molt bé, fem un repàs. De què hem estat parlant? Si és accessibles per a tots! Doncs bé, no té sentit fer enllaços externes cap a llocs que no són accessibles. Seria com contradir-nos! Sigues curós amb cada enllaç extern que proveeixis als teus lectors, ja que si aquests porten cap a pàgines web que no són accessibles, en va estàs millorant la teva web.

L’accessibilitat del teclat és fonamental per assegurar que la teva web és assolible per a qualsevol persona amb discapacitat motora o visual. T’has d’assegurar que la teva web sigui navegable només amb un teclat mitjançant proves. Si tots els elements interactius de la teva pàgina, com ara les entrades, els enllaços i els botons, es poden navegar sense un ratolí, això significa que l’accessibilitat web de la teva empresa va vent en popa. Això sí, procura no abusar dels elements interactius i els menús, ja que encara que els teus lectors puguin descobrir-los només amb les tecles tab i intro, podria ser aclaparador per a ells haver de bregar amb nombroses opcions en un mateix moment.