Generalitat de Catalunya

Pàgina principal de gencat: menú esquerre vist amb Javascript desactivat. Les opcions que apareixen en diferents pestanyes amb Javascript, queden llistades una sota l'altra.

En aquest procés d'adaptació del disseny de gencat a les pautes WCAG d'accessibilitat, s'ha optat per:

• Utilitzar codi (x)html, que permet crear documents estàndard i amb una estructura neta. El contingut es marca amb etiquetes que el doten d'informació de context i que permeten a l'usuari diferenciar paràgrafs, encapçalaments, seccions, etc.
• Posicionar el contingut mitjançant fulls d'estil en cascada (css) i sense taules.

Això permet separar l'estructura de la presentació dels continguts, la qual cosa garanteix la compatibilitat per a diferents programaris i dispositius i permet utilitzar tecnologies d'assistència a la navegació, com ara els lectors de pantalla per a persones amb disminucions visuals.

A més, s'han incorporat funcionalitats com ara:

• La mida de la lletra i els colors es poden modificar amb les eines del navegador per adaptar-los a les preferències dels usuaris.
• Descripcions alternatives de les imatges, excepte aquelles que tenen un objectiu merament decoratiu.
• Sempre s'ofereix una alternativa al javascript (tecnologia que s'utilitza en els menús desplegables, pastilles, etc.), de manera que els usuaris que tinguin el javascript desactivat o versions antigues sense suport de DOM accedeixin igualment a la informació.
• S'ofereix alternativa HTML als continguts servits en formats no estàndards (flash, etc.)
• S'evita l'ús de finestres emergents (pop-ups), ja que sovint són confuses per als usuaris i alguns navegadors poden bloquejar-les. En els casos en què és imprescindible obrir una finestra emergent, s'indica convenientment.
• La normativa de gencat desaconsella la utilització de gràfics amb moviment i amb efectes de centelleig. En els casos en què s'utilitzin, especifica que els usuaris han de tenir la capacitat d'aturar-los
• Es fa un esforç per aconseguir el major contrast possible entre els colors del text i el fons. També s'intenta utilitzar colors que no ocasionin problemes a les persones amb limitacions visuals, com ara el daltonisme i no s'usa exclusivament el color per dotar de significat un contingut (per ejemple, el verd per al sentit positiu i el vermell per al negatiu).
• Enllaços amb sentit, amb atribut títol i que es poden controlar encara que els elements de programació no estiguin activats.

Amb l'adopció d'aquestes pautes, es persegueix l'objectiu que el web gencat i tots els seus elements siguin:

• Perceptibles: que qualsevol persona els pugui percebre amb independència de les seves limitacions i de les tecnologies que utilitzin.
• Comprensibles: l'estructura, el llenguatge i les informacions de context de les pàgines han de ser senzills i coherents, perquè qualsevol persona els pugui entendre sense dificultat.
• Usables: el disseny ha d'estar al servei de l'usuari, no a l'inrevés. Qualsevol usuari ha de poder satisfer els objectius que l'han portat a consultar el web sense complicacions.
• Navegables: la navegació ha de ser senzilla i estar orientada mitjançant ajudes. Els enllaços s'han de poder accionar i han de proporcionar exactament la informació que els usuaris esperen.
• Robustos: el contingut ha de poder-se presentar correctament pels navegadors, tecnologies d'assistència i altres programes i dispositius actuals i futurs.