Criteris d'accessibilitat pels editors de continguts

Senzillesa

És important presentar el contingut de diferents formes i donar la informació i la seva estructura de la manera més senzilla possible. Així aconseguirem que més persones puguin percebre adequadament els continguts.

En els següents apartats s’ofereixen llistes de criteris que s’han de tenir en compte per aconseguir una redacció i un format senzills.

Redacció senzilla

  • Procura que la informació o les instruccions per fer-ne ús no depenguin només de característiques sensorials. Per exemple, alguns usuaris tindran dificultats per dur a terme l’acció ‘Pitja el botó vermell que hi ha a la dreta de la pantalla’. Aquest problema es resol identificant de forma unívoca el botó.
  • Empra encapçalaments (headers) per estructurar el contingut adequadament. El contingut estructurat en seccions i subseccions és més fàcil d’entendre i ajuda en la cerca d’una determinada informació dins el text.
    Per exemple, dins aquesta pàgina, les seccions Senzillesa, Com seguir les recomanacions de senzillesa a l'editor i Recorda, estan definides com a Encapçalaments 2 (H2). Dins la secció Senzillesa, hi ha tres subseccions o subapartats, que són Redacció senzilla, Format senzill i Llenguatge senzill, i cada un està definit com a Encapçalament 3 (H3).
  • Defineix un títol per a la pàgina/document que conté la informació. Aquesta informació és imprescindible per conèixer el tema de què tracta.
  • Descriu adequadament els enllaços. El text de l’enllaç o el text i el seu context han de donar una idea de quin tema es tracta a la pàgina de destinació, perquè l’usuari pugui decidir si aquella informació li interessa o no (estalvi de temps). 
  • Mantén la coherència dels enllaços: dos enllaços amb el mateix text (dins un contingut) han de dur al mateix recurs; en cas contrari, la descripció de cadascun hauria de ser diferent.
  • És molt recomanable que els elements que es repeteixen en diferents pàgines es puguin identificar de forma consistent. Per exemple, si empram una icona per indicar que hem inclòs informació nova, aquesta icona ha de ser sempre la mateixa. D’aquesta forma, facilitam a l’usuari saber què vol dir aquell element quan el troba dins una pàgina.

Format senzill

  • Empra els elements que estan disponibles a la majoria de les eines d’edició i que corresponen a diferents tipus d’informació. A més, aquests elements s’han d’emprar per a la funció per a la qual estan definits. Les llistes són elements que tenen una característica comuna, les taules són per introduir dades organitzades en files i/o columnes.
    Evita emprar aquests elements simplement per aportar un determinat aspecte visual.
    • Llistes
    • Taules
    • Etiquetes de formulari
  • Empra taules simples en lloc de complexes, sempre que sigui possible. Una taula simple és aquella en què cada cel·la està identificada per un únic encapçalament de fila i/o columna.
  • Empra les fonts predefinides de l’eina d’edició, si és que n’hi ha. Si canvies la mida del text, és possible que certs usuaris deixin de distingir la lletra (massa petita, lletra amb serifs, etc.).
    Pel mateix motiu, convé emprar els estils predefinits de paràgraf, interlineat, etc.
  • De forma preferent, alinea el text a l’esquerra. Aquesta disposició del text facilita la lectura i evita més d’un espai de separació entre paraules, que pot provocar distraccions.
  • Empra el text com a mitjà preferent per transmetre la informació (vegeu l’apartat Text en lloc d'imatges per transmetre informació).
Tot i que en molts de casos la visualització dels continguts en diferents dispositius no depèn dels editors, s’ha de tenir en compte aquesta possibilitat a l’hora d’incloure certs elements (per exemple, evitar definir imatges o taules amb unes mides fixes).

Llenguatge senzill

Aquest apartat només inclou recomanacions a tenir en compte:

  • Empra el llenguatge més clar i senzill possible d'acord amb el contingut.
  • Quan aparegui una abreviatura al text, ofereix-ne la definició almenys el primer pic.

Com seguir les recomanacions de senzillesa a l'editor?

Definir el títol de la pàgina

Dins la pestanya d'estructura, selecciona la pàgina per a la qual vols definir el títol. Pitja el botó de la botonera  Edita les propietats del node, i, a la finestra emergent, emplena l'apartat Títol (que indica que s'empra en el títol de la pàgina al navegador). 

Aquesta propietat s'ha de completar en tots els idiomes en què estigui definit el lloc web. Per editar les diferents versions d'idioma, guarda la versió actual i pitja el desplegable on s'indica l'idioma actual. Tria l'idioma que vulguis editar.

Empra els encapçalaments

A mesura que vagis editant el text del cos, empra els encapçalaments per definir les diferents seccions del document. Simplement, aplica el format (Encapçalament 1, Encapçalament 2, etc.) al paràgraf que contingui el títol de secció corresponent. Tingues en compte que el camp de Títol del contingut correspon sempre a l'Encapçament 1.

Descriu (adequadament) els enllaços

A l'hora de definir un enllaç, pensa quin text descriu millor la seva destinació final. A vegades, és suficient una descripció curta al mateix contingut i, d'altres, s'haurà d'acompanyar la definició de l'enllaç amb el text consultiu, per tal de poder definir l'enllaç.

Per completar l'enllaç amb el text consultiu, quan defineixes o edites un enllaç has d'anar a la pestanya Avançat de la finestra (emergent) de propietats de l'enllaç i emplenar el camp que diu Títol consultiu.

Taules simples

Quan s'insereix una taula, dins l'editor hi ha una sèrie de camps que permeten definir la informació de la taula:

  • Camp Headers: indica quin element de la taula serà la capçalera, la primera fila (taula en columnes), la primera columna (taula en files) o ambdós (taula en cel·les, és a dir, files i columnes).
  • Camp Estil: indica l'organització de la informació de la taula. Pot ser en columnes / columnes ordenades, en files o en cel·les.
  • Camp Títol: permet establir el títol de la taula. Ha de ser un valor curt i descriptiu del que representa la taula.
  • Camp Resum: permet posar un resum de les dades de la taula.

Per fer taules accessibles amb el gestor de continguts s'han d'emprar els estils institucionals definits per a aquest tipus de taules. Així, s'haurà de donar valors als camps Headers i Estil de la finestra Insert/Edit table. La taula següent indica els valors que s'han d'especificar als camps de les propietats de la taula en funció de la seva organització (files, columnes o cel·les).

També s'ha d'introduir un resum descriptiu del contingut de la taula.

Organització Headers Estil
Taules amb estil institucional
Columnes First Row Columnes / Columnes ordenades
Files First Column Files
Cel·les Both Cel·les

En cas que es creï una taula sense aquests estils des de l'editor del CMS, aquesta no serà accessible, ja que no s'indica de cap forma quines són les capçaleres associades a cada cel·la de dades.

En resum, les passes per fer una taula accessible al CMS són:

  • Donar-hi format institucional establint els valors de Headers i Estil de la taula segons s'ha explicat anteriorment.
  • Definir un resum de la taula al camp corresponent.

Taules complexes

Les taules complexes són aquelles que tenen més d'un nivell d'encapçalament de files o columnes. A les taules complexes s'han d'emprar marcadors per associar les cel·les de dades amb les cel·les d'encapçalament.

L'editor del gestor de continguts no permet associar directament a les taules complexes les cel·les amb els seus encapçalaments. En cas que sigui necessari emprar una taula complexa, s'ha de contactar amb l'Oficina Web per fer-la accessible.

Tot i això, la recomanació és transformar la taula complexa en taules simples. D'aquesta manera, serà més fàcil d'entendre per tothom.

Recomanacions

  • És aconsellable definir títols de les taules.
  • És recomanable emprar taules simples i evitar les complexes.

Recorda

Recorda que...

  • Has de definir el títol de la pàgina.
  • Els encapçalaments identifiquen les diferents seccions.
  • Has d'escriure adequadament els enllaços.
  • Els mateixos elements serveixen per presentar la mateixa informació o idèntiques instruccions en diferents pàgines
  • Cal que utilitzis llistes, taules, etiquetes de formulari, etc., sempre que correspongui.
  • Has d'usar les fonts predefinides i els formats predefinits; si ho has de canviar, assegura't que el contrast és suficient.
  • Cal que alineïs el text a l'esquerra, preferentment.
  • El text és un mitjà que has d'utilitzar per transmetre informació, sempre que sigui possible.
  • No has d'incloure elements amb mides fixes, per millorar la visualització segons diferents orientacions/pantalles.

Evita...

  • Donar informació o instruccions només de forma sensorial (per ubicació, color, etc.). Per contra, ofereix alternatives que no depenguin dels sentits.
  • Expressions del tipus "aquí", "més informació" per descriure els enllaços.
  • Emprar les llistes per donar format. Evita també, sempre que puguis, usar taules per formatar la informació.