Pensant sempre en l'usuari i pensant en l'accessibilitat des de bon començament: és molt més fàcil fer un contingut accessible si hi pensem des de l'inici que "reparar" l'accessibilitat d'un contingut que està mal concebut.
Les plantilles de la web han estat revisades per tal que tots els components, les navegacions i els elements comuns de la web institucional siguin accessibles. Tanmateix, calen unes petites actuacions per part teva a l’hora d’editar els continguts per garantir que aquests arribin a tothom.
Enllaços
El text dels enllaços ha de ser clar i curt, i tenir sentit quan es llegeix fora de context perquè l'atenció de l’usuari tendeix a fixar-se en el text ressaltat de l'enllaç i a no llegir la resta. De la mateixa manera, les persones amb problemes de visió acostumen a explorar els enllaços d'una pàgina abans de llegir el text complet.
Consells:
- No enllacis mai paraules buides “Fes clic aquí”, “trobaràs la informació en aquest enllaç”, "per inscriure't emplena aquest formulari".
- Evita posar enllaços diferents amb el mateix text en una mateixa pàgina com ara “Més informació”, “Més informació”, “Més informació” en diferents seccions.
- No facis servir la URL com a text de l’enllaç perquè no aporta cap informació.
- Sigues prudent a l’hora de fer enllaços: cada enllaç és una possibilitat de perdre l'atenció de l'usuari; enllaça només allò que sigui realment significatiu.
Jerarquia i format del text
El format del text és definit pels fulls d’estil i la plantilla de la web i, per tant, no s’ha de modificar ni la mida, ni el color ni la tipografia. Tampoc ajustarem el text a banda i banda perquè en dispositius mòbils genera espais desiguals que dificulten molt la lectura.
Organitza la informació dels continguts amb els estils establerts per dotar la pàgina d’una estructura consistent i que en faciliti una lectura no necessàriament seqüencial.
Consells:
- Si copies text des d’una altra font, cal enganxar-lo fent servir la funció “text pla” de l’editor per evitar importar estils externs a la teva web.
- Utilitza correctament els títols i subtítols, així dones idea de com està organitzat el contingut.
- Escriu textos ben estructurats i fes servir llistes per facilitar la lectura.
- Marca correctament les llistes i no les simulis afegint guionets o números davant.
- Procura que cada llista tingui sempre una frase d'introducció per contextualitzar-la.
- Fes servir els estils adequats. Cal evitar el subratllat per no confondre’l amb un enllaç.
Imatges
Evita les imatges amb text (cartells, infografies, esquemes) perquè no es veuen bé amb dispositius mòbils ni són accessibles. Si cal mantenir-les, has de repetir el text de la imatge en un contingut textual.
Utilitza el text alternatiu per a descriure la funció dels elements visuals. D’aquesta manera permets un bon accés als usuaris amb deficiències visuals i també a aquells usuaris amb connexions lentes, ja que així no els cal esperar la càrrega completa de les imatges per comprendre el contingut de la pàgina.
Consells:
- Si la imatge és rellevant per la informació que s'està mostrant posa-hi un text descriptiu com a text alternatiu: “Interior de la Biblioteca del campus del Poblenou de la UPF”, "Vista frontal del Manuscrit jaina en hindi".
- No cal posar “Fotografia de” o “Imatge de” perquè els lectors de pantalla ja interpreten que és una imatge. Si diem “Imatge de portada d’un llibre” el lector llegirà “Imatge, imatge de portada d’un llibre”.
- Si fas servir una imatge amb enllaç (un botó, una fletxa) cal que a la descripció s’expliqui l’acció, per ex. “Accedeix al formulari d'inscripció”, “Puja l'arxiu”.
Taules
Evita les taules per organitzar el text en columnes. Només s’han de fer servir per presentar dades.
Les taules són especialment problemàtiques per als usuaris amb visibilitat reduïda o ceguesa.
Consells:
- Abans de fer una taula, explora altres possibilitats per presentar la informació.
- Si has de fer una taula, segueix escrupolosament les instruccions de la guia.
Documents en PDF
Els PDF són adequats per a determinats tipus de documents tancats (memòries, informes) perquè se’n manté el format i el contingut de manera fixa, tant si hi ha text com gràfics i imatges i independentment del navegador.
Cal ser prudents: recorda que la teva web no és tant un repositori de tot el que fas com un aparador de què ofereixes.
És important preparar prèviament de manera adequada el document a partir del qual es genera el PDF i també revisar tots els PDF publicats a la teva web per comprovar que són accessibles. Un document és un mini producte en si mateix i totes les directrius d'accessibilitat s'apliquen també dins de cadascun dels documents.
Consells:
- Posa un títol descriptiu al document, que l’identifiqui fora de context. Evita els títols genèrics com ara “Horaris del curs” perquè poden ser de qualsevol curs i de qualsevol cosa, cal ser especificar-los tant com es pugui: “Horaris del màster X per al curs 2019-2020”.
- Segueix les mateixes indicacions sobre imatges, enllaços, jerarquia i format del text, taules que s'estableixen per als continguts web.
- Indica l’idioma en el qual està presentat el document per tal que els lectors puguin triar-lo.
- Si és un document extens, crea un sumari amb marcadors per tal de permetre la navegació pel document.
Vídeos i àudios
Els arxius de vídeo i de so han de tenir alternatives per a la lectura de persones amb problemes de visió o d’escolta, com són la transcripció dels diàlegs i la descripció dels sons.
Consells:
- Afegeix subtítols que es puguin activar o desactivar. Els subtítols han de ser arxius independents respecte dels vídeos, per tal que els programes lectors els puguin recuperar.
- Inclou transcripcions de diàlegs, veus en off i altres elements contextuals (sons de fons, etc.)
- Pensa que hi ha persones que fan servir els subtítols per veure vídeos, sigui perquè no s'hi veuen o perquè hi ha massa soroll en el seu entorn o perquè es connecten des d’un lloc on no es pot fer soroll i no disposen d’auriculars.
iframes
Els elements <iframe> són continguts html marc en línia, és a dir, contingut incrustat en una pàgina, generalment dinàmic, com poden ser vídeos de YouTube, infografies, aplicacions web o altres. Aquest contingut també ha de ser accessible en el seu propi codi.
Una de les principals recomanacions per tal que l’iframe sigui accessible és que contingui l’atribut <title> per explicar el contingut que es mostra.