Instruccions que no depenen de la vista, el color ni el so

«Prem el botó verd», «consulta el requadre de la dreta», «quan sentis el senyal, comença a parlar». Són instruccions naturals per a qui escriu mirant la pantalla, però no serveixen a qui no distingeix el color, no percep la posició dels elements o no sent el so. El criteri 1.3.3 Característiques sensorials és de nivell A, i qui el compleix o l'incompleix és, gairebé sempre, qui redacta. En aquesta lliçó aprendràs a escriure instruccions i referències que funcionin amb qualsevol sentit, amb qualsevol dispositiu i amb qualsevol mida de pantalla.

Què exigeix 1.3.3 Característiques sensorials

El criteri 1.3.3 Característiques sensorials (nivell A) estableix que les instruccions per entendre i utilitzar el contingut no han de dependre únicament de característiques sensorials dels components, com la forma, el color, la mida, la ubicació visual, l'orientació o el so. La paraula clau és «únicament»: pots esmentar el color o la posició d'un botó, sempre que la instrucció inclogui a més una altra referència que no depengui d'un sentit, normalment el text visible del control.

Característica	Instrucció que falla	Instrucció que funciona
Forma	Prem el botó rodó per continuar.	Prem «Continuar».
Color	Les dates en verd tenen places.	Les dates amb places porten la indicació «Disponible».
Mida	Llegeix el text gran abans de començar.	Llegeix l'avís «Abans de començar».
Ubicació	Fes servir el menú de l'esquerra.	Fes servir el menú «Tràmits i serveis».
So	Quan sentis el xiulet, comença a parlar.	Quan aparegui el missatge «Gravant» i soni un xiulet, comença a parlar.

El color en el text (1.4.1)

El criteri 1.4.1 Ús del color (nivell A) prohibeix que el color sigui l'únic mitjà visual per transmetre informació, indicar una acció, sol·licitar una resposta o distingir un element. L'associem al disseny, i el veuràs a fons al curs N2-C3 sobre color i contrast, però moltes vegades l'error neix en el text:

• «Els camps marcats en vermell són obligatoris.»
• «Les línies en verd són les que tenen descompte.»
• «Al gràfic, la línia blava correspon al 2025.»
• «Els documents en gris encara no estan disponibles.»

La correcció també és de redacció: afegir una paraula que digui el mateix que el color («(obligatori)», «Amb descompte», «Encara no disponible») i, en els gràfics, retolar cada sèrie amb el seu nom al costat de la línia o fer servir una llegenda que no depengui només del color.

La posició canvia: mòbil, zoom i lectura lineal

Les referències a la posició («a la dreta», «a la columna lateral», «al requadre de dalt») fallen en tres situacions molt freqüents:

1. Al mòbil i amb zoom al 400 %: el criteri 1.4.10 Reajustament dels elements obliga que el contingut es pugui llegir a 320 px d'amplada sense desplaçament horitzontal, cosa que normalment el reorganitza en una sola columna, de manera que la columna «de la dreta» passa a ser a sota.
2. Amb lector de pantalla: el contingut es recorre de manera lineal i la persona no percep què hi ha a la dreta o a l'esquerra.
3. Amb ampliador de pantalla: la persona només veu una part de la pantalla cada vegada i no en té una visió de conjunt.

Substitueix la posició pel nom de l'apartat i, si pots, per un enllaç: «Consulta l'apartat Documentació necessària». Expressions com «a continuació» o «com s'ha explicat abans» sí que funcionen, perquè es refereixen a l'ordre de lectura, que es manté en qualsevol dispositiu; «a la dreta» es refereix a la maquetació, que canvia.

Verbs que no pressuposen un dispositiu

«Fes clic», «toca», «passa el ratolí per sobre» o «arrossega» donen per fet que la persona fa servir un ratolí o una pantalla tàctil. Però hi ha qui navega amb el teclat, amb control per veu, amb polsadors o amb els gestos d'un lector de pantalla. En les instruccions generals, prefereix verbs neutres:

• Selecciona, tria, marca: per a opcions, caselles i llistes.
• Prem, activa: per a botons i enllaços. «Prémer» serveix igual per a una tecla, un botó en pantalla o una pantalla tàctil.
• Escriu, emplena: per a camps de text.
• Obre, ves a: per a seccions i pàgines.

Quan la instrucció és específica d'un dispositiu (l'ajuda d'una aplicació que n'explica els gestos, per exemple), esmentar-lo és correcte, però ofereix l'alternativa si n'hi ha: «Arrossega els elements per ordenar-los o fes servir els botons Pujar i Baixar». Aquesta alternativa, a més, és la que exigeix el criteri 2.5.7 Moviments d'arrossegament, que veuràs al curs N2-C4.

Infografia · Comparativa

Instruccions que depenen dels sentits davant de les que no

Anomena l'element pel seu text visible; la referència sensorial, només com a complement

Depèn dels sentits

• Prem el botó verd
• Els camps en vermell són obligatoris
• Consulta el requadre de la dreta
• Quan sentis el xiulet, comença a parlar
• Fes clic a la icona rodona

Funciona per a tothom

• Prem «Enviar la sol·licitud», el botó verd
• Els camps obligatoris porten el text «(obligatori)»
• Consulta l'apartat «Requisits»
• Quan aparegui «Gravant» i soni un xiulet, parla
• Selecciona «Cercar», la icona de la lupa

Llegir la infografia com a text

Comparativa en dues columnes. La columna de l'esquerra, «Depèn dels sentits», recull instruccions que fallen: «Prem el botó verd»; «Els camps en vermell són obligatoris»; «Consulta el requadre de la dreta»; «Quan sentis el xiulet, comença a parlar»; «Fes clic a la icona rodona». La columna de la dreta, «Funciona per a tothom», en mostra la versió correcta, en el mateix ordre: «Prem Enviar la sol·licitud, el botó verd»; «Els camps obligatoris porten el text (obligatori)»; «Consulta l'apartat Requisits»; «Quan aparegui Gravant i soni un xiulet, parla»; «Selecciona Cercar, la icona de la lupa». La idea comuna és anomenar cada element pel seu text visible i fer servir el color, la forma, la posició o el so només com a suport.

Tutorials, captures i guions

Les instruccions pas a pas són el terreny on més s'incompleix 1.3.3. Tres situacions típiques:

• Ajudes amb captures de pantalla: «Prem on indica la fletxa vermella». La captura necessita text alternatiu (curs N2-C2), però la solució de fons és que els passos estiguin escrits en el text i anomenin cada control: «Prem Els meus tràmits i després Nova sol·licitud».
• Vídeos tutorials: «Com veieu aquí, premem això i ja està». Si la narració anomena les accions («premem Descarregar el justificant»), el vídeo s'entén sense veure'l i es redueix la necessitat d'audiodescripció (curs N2-C5).
• Avisos sonors i vibracions: en aplicacions i quioscos, qualsevol senyal acústic s'ha d'acompanyar d'un missatge en text.

Com comprovar-ho

• Cerca de paraules sensorials: la de l'exercici anterior és la comprovació més ràpida i detecta la majoria dels casos.
• Prova del telèfon: llegeix les instruccions a un company que no veu la pantalla. Si no les pot seguir, depenen de la vista.
• Vista al mòbil i amb zoom al 400 %: comprova si les referències a la posició continuen sent certes.
• Escala de grisos: al Windows, Configuració > Accessibilitat > Filtres de color. Si una instrucció esmenta colors que ja no es distingeixen, falla 1.4.1.

Resum

• 1.3.3 Característiques sensorials (A): les instruccions no poden dependre només de la forma, el color, la mida, la ubicació, l'orientació o el so.
• Anomena sempre l'element pel seu text visible; la referència sensorial, si ajuda, va com a complement.
• 1.4.1 Ús del color (A) comença en el text: afegeix paraules que diguin el mateix que el color.
• Evita «a la dreta» o «a dalt»: la maquetació canvia al mòbil i amb zoom; fes servir el nom de l'apartat.
• Fes servir verbs que valguin per a qualsevol dispositiu i escriu en el text els passos dels tutorials i les captures.