Els escrits accessibles són bons escrits. Fan que el contingut sigui més fàcil de consumir per a tothom. Aquí us donem alguns consells per escriure pensant en l'accessibilitat.


Redacció clara

La qualitat de la documentació es mesura pel que els usuaris en poden extreure. Si l'escrit és massa complicat, no podran utilitzar-lo. Un llenguatge planer millora l'accessibilitat.

Per escriure de manera senzilla i concisa, seguiu aquests consells:


Estructura de títols

Els títols són importants per crear continguts accessibles. Ofereixen als usuaris de lectors de pantalla la possibilitat de saltar directament a continguts específics, amb la qual cosa poden estalviar temps.

Treballeu amb el sistema en què escriviu. Totes les eines populars, com Microsoft Word, PowerPoint i Open Office, proporcionen opcions d'estil i format per ajudar-vos a crear documents amb una estructura adequada. Utilitzeu les opcions d'estil i format que us ofereix el vostre editor de contingut.

Exemple: Títol 1 (<h1>)

Els nombres de l'estil de títol creen un context d'estructura per al lector de pantalla i ajuden els usuaris no visuals a comprendre el contingut quan no poden veure els salts visuals del document.

Exemple:

<h1>Accessibilitat en l'educació</h1>

<h2>Accessibilitat a Blackboard</h2>

Més informació sobre el disseny de contingut accessible


Emfasització de continguts

Els lectors de pantalla no identifiquen els estils de lletra com ara:

  • Color
  • Negreta
  • Cursiva
  • Subratllat
  • Ratllat

Utilitzeu aquests estils per proporcionar salts visuals. No els utilitzeu com l'única manera d'indicar la importància o de transmetre informació.

Exemple: El text de color vermell es percep com una alerta. Els usuaris de lectors de pantalla no sabran que el text és vermell. No capten la idea i no saben que és una alerta.

Quan hàgiu d'afegir una indicació visual impactant, assegureu-vos d'utilitzar una alternativa accessible. Feu servir un signe d'exclamació al final de la frase si és important. Els lectors de pantalla entonen les exclamacions i els interrogants. Per tant, l'eina no llegirà "interrogant", sinó que ho entonarà com una pregunta en llegir-ho en veu alta.

Exemple: Recordeu: no feu servir estils de lletra per indicar la importància.


Imatges

Pregunteu-vos primer quina és la finalitat d'una imatge. És fer que la pàgina quedi més bonica? O és oferir a un usuari vident una referència visual de què pot esperar? La imatge és quelcom que tots els usuaris han de consumir per comprendre el contingut?

Si no sabeu quin és el significat o la finalitat de la imatge, no la feu servir. És una interferència que serà aclaparadora per a les persones amb dificultats d'aprenentatge.

Text alternatiu

Si utilitzeu un LMS o un lloc web per transmetre informació, us trobareu un camp per a text alternatiu, o text alt, quan carregueu una imatge. Per a les imatges decoratives, deixeu el camp de text alternatiu en blanc. En aquest cas, el lector de pantalla ignorarà la imatge. Una imatge és decorativa quan no aporta res a la informació de la pàgina.

Trobareu més informació sobre les imatges decoratives al lloc web de la iniciativa d'accessibilitat web.

Exemple: Si teniu una imatge on es mostren les eines d'una interfície d'usuari (IU), descriviu la manera d'arribar-hi i què hi ha a la pàgina. Vegeu un exemple de descripció d'una imatge de la pàgina.

Si no voleu que el lector de pantalla ometi la imatge, incloeu text alternatiu a les imatges. No cal que digueu "Imatge de", perquè les eines de suport ja saben que és una imatge. Feu servir un llenguatge concís, clar i descriptiu.

No utilitzeu el mateix text alternatiu per a totes les imatges, com ara "Imatge per il·lustrar el text associat". És irrellevant i afegeix interferències.

Per a les imatges complexes, utilitzeu un text alternatiu breu, de 6 o 7 caràcters, i incloeu un subtítol a sota de la imatge que sigui visible per a tothom i que ofereixi una descripció clara.

Infografies

Les infografies requereixen una alternativa de text. És una narració que explica la mateixa història que els usuaris obtenen dels elements visuals. El text alternatiu ha d'estar en la pàgina just després de la infografia. Incloeu un enllaç d'ancoratge al capdamunt de la pàgina per veure el text alternatiu.

Vegeu un exemple d'infografia amb un text alternatiu.

Text en imatges

Segons les directrius WCAG, el text no s'ha d'incloure com a part d'una imatge. En lloc d'això, expliqueu la imatge en forma de text a la pàgina.


Enllaços

És vital que els enllaços siguin descriptius. Cada enllaç ha de descriure què pot esperar trobar l'usuari en fer-hi clic. És crucial per a l'eina de Llista d'enllaços que proporcionen els lectors de pantalla. Aquesta eina només mostra una llista dels enllaços de la pàgina, res més. No hi ha context addicional per a l'enllaç.

Exemple: En aquesta pàgina, l'eina de Llista d'enllaços llegiria el següent: "Vegeu un exemple de descripció d'una imatge de la pàgina", "exemple d'infografia amb un text alternatiu", etcètera. Cada un descriu allò que s'hi pot trobar en seleccionar-los.

  • Eviteu fer servir frases genèriques com ara "feu clic aquí" o "més informació". Les eines de Llista d'enllaços llegiran el text de l'enllaç exactament com s'ha introduït. Quan es repeteix el mateix enllaç (imagineu-vos sentir "feu clic aquí, feu clic aquí, feu clic aquí" repetit moltes vegades) es crea caos i confusió per als usuaris. Han de comprendre a on els durà l'enllaç i per què han de fer-hi clic? Els enllaços descriptius proporcionen aquest context.
  • Les adreces web o els URL no es consideren informatius i no s'han d'utilitzar. El lector de pantalla llegeix cada lletra per separat. En lloc d'això, feu que el text sigui descriptiu.
  • Obrir els enllaços en una finestra nova pot produir desorientació. Reduïu-los al mínim. Aviseu els usuaris quan feu servir una finestra nova.

Llista i taules

Deixeu que facin la feina les eines que utilitzeu per crear el contingut. Utilitzeu els pics, les llistes numerades i les eines de taula de l'editor de contingut. O visualitzeu el codi font i utilitzeu les etiquetes HTML correctes.

Llistes

Les llistes amb pics creades correctament (<ul>) informen els usuaris de lectors de pantalla del nombre d'elements que componen la llista de pics.

Les llistes numerades creades correctament (<ol>) informen els usuaris de lectors de pantalla del nombre d'elements que componen la llista numerada i llegeixen el número de cada element.

Taules

Utilitzeu llistes en lloc de taules sempre que pugueu. Les taules es poden fer accessibles, però els usuaris de lectors de pantalla han de conèixer ordres de teclat avançades per navegar-hi i comprendre-les.

Feu servir capçaleres de columna (<th>). D'aquesta manera, el lector de pantalla diu la capçalera de columna de cada cel·la quan l'usuari hi navega. Això proporciona a l'usuari context per al contingut de cada cel·la. Penseu com es llegirà cada cel·la quan poseu nom a les columnes i afegiu informació a la cel·la.

No utilitzeu mai taules per crear el disseny visual del contingut.

Exemple de taula accessible


Ordres de teclat

Hi ha normes globals per a les ordres de teclat al contingut web. Per exemple, podeu prémer el tabulador perquè l'ordinador seleccioni el botó següent. No cal que descriviu aquests elements. Podeu veure una llista de les ordres globals a la guia JAWS Keyboard Commands Quick Reference Guide.

A vegades, els desenvolupadors han de crear ordres de teclat originals per als seus productes. Per exemple, Blackboard Collaborate va crear ordres de teclat originals per activar i desactivar el micròfon. Documenteu aquestes ordres de teclat originals als temes.

Les instruccions d'odres de teclat i de ratolí són dos conceptes diferents i no han d'aparèixer en el mateix paràgraf. Si les ordres de Mac són diferents de les de PC, feu servir dues frases al paràgraf del tema d'ordres de teclat.

Exemple 1

Per defecte, en acabar la configuració no es mostra el vídeo ni se sent l’àudio dels vostres dispositius. Feu clic a les icones de micròfon i càmera per començar a participar plenament en les reunions.

Amb el teclat, premeu Alt + M per activar i desactivar el micròfon. Premeu Alt + C per activar i desactivar la càmera.

Exemple 2

Els botons de navegació es mostren quan compartiu una presentació perquè pugueu navegar entre diapositives.

Amb el teclat, premeu Alt + Re Pàg per anar a la diapositiva següent. Premeu Alt + Av Pàg per tornar enrere. En un Mac, premeu Alt + Fn + fletxa amunt o Alt + Fn + fletxa avall.


Vídeo

Els vídeos han d'estar subtitulats. Per a més informació, vegeu Subtitulació de continguts de vídeo.