{"id":10288,"date":"2020-05-28T14:58:50","date_gmt":"2020-05-28T12:58:50","guid":{"rendered":"https:\/\/agora.xtec.cat\/nodes\/?page_id=10288"},"modified":"2020-07-18T13:12:19","modified_gmt":"2020-07-18T11:12:19","slug":"accessibilitat","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/nodes\/consells-per-una-bona-comunicacio-families\/accessibilitat\/","title":{"rendered":"3. Accessibilitat"},"content":{"rendered":"

L’accessibilitat web beneficia a tothom<\/strong>, no nom\u00e9s a les persones amb diferents tipus de discapacitats (auditiva, visual, cognitiva, motriu, intel\u00b7lectual) o d’edat avan\u00e7ada. Beneficia tamb\u00e9 a les persones amb limitacions tecnol\u00f2giques (poca amplada de banda, dispositius antics) o que es veuen afectades per limitacions provocades per l’entorn (soroll ambiental, lluminositat, incomprensi\u00f3 de l’idioma, etc.). En general, <\/span>l’accessibilitat web millora l’experi\u00e8ncia d’usuari <\/strong>i el posicionament web<\/strong>.<\/span><\/p>\n

Textos<\/h2>\n
\n
\n

Eviteu les cursives<\/strong>, els textos amb ombres<\/strong> i les maj\u00fascules<\/strong>.
\nDificulten la lectura a persones amb disl\u00e8xia<\/strong> o amb d\u00e8ficit visual<\/strong>.<\/p>\n<\/div>\n

\n

No feu servir cursives \u274c
\n<\/span><\/em><\/strong>NO FEU SERVIR MAJ\u00daSCULES <\/span>\u274c
\n<\/span><\/em><\/strong>Utilitzeu la <\/span>negreta<\/span><\/strong> per ressaltar <\/span>\u2705<\/span><\/strong><\/span><\/p>\n<\/div>\n<\/div>\n

\n
\n
\n

Eviteu el subratllat<\/strong>. Es confon amb els enlla\u00e7os web i pot generar desconcert.<\/p>\n<\/div>\n

\n

No feu servir el subratllat <\/span><\/span>\u274c
\n<\/span><\/em><\/strong>Utilitzeu la <\/span>negreta<\/span><\/strong> per ressaltar <\/span>\u2705<\/span><\/strong><\/span><\/p>\n<\/div>\n<\/div>\n

\n
\n
\n

Eviteu l’\u00fas de colors<\/strong> als textos. Sobretot si tenen un baix contrast amb el fons.
\nDificulten la lectura a persones amb problemes d’anomalies a la visi\u00f3 dels colors <\/strong>o amb d\u00e8ficit d\u2019atenci\u00f3.
\n<\/strong><\/p>\n<\/div>\n

\n

No utilitzeu diversos colors<\/span> en una mateixa frase <\/span><\/span><\/span>\u274c
\n<\/span><\/em>No utilitzeu colors amb baix contrast <\/span>\u274c<\/span>
\n<\/span><\/em><\/strong>Utilitzeu la <\/span>negreta<\/span><\/strong> per ressaltar <\/span>\u2705<\/span><\/strong><\/span><\/p>\n<\/div>\n<\/div>\n

\n
\n
\n

 <\/p>\n

 <\/p>\n

Opteu sempre per escriure al web directament.<\/strong> El contingut \u00e9s m\u00e9s accessible i f\u00e0cil de cercar. Si heu de publicar un document PDF<\/strong> fet per vosaltres, assegureu-vos que sigui accessible. Instruccions.<\/a>\u00a0<\/span><\/p>\n<\/div>\n

\"\"<\/p>\n<\/div>\n

Estructura<\/h2>\n
\n
\n

 <\/p>\n

Utilitzeu els t\u00edtols amb una jerarquia correcta<\/strong> per dividir un text llarg.<\/p>\n

No utilitzeu els t\u00edtols per ressaltar text normal. Utilitzeu la negreta<\/strong>.<\/p>\n<\/div>\n

\"Dos<\/div>\n<\/div>\n
\n
\n
\n

 <\/p>\n

No justifiqueu el text<\/strong>. Deixeu-lo alineat a l’esquerra. El text justificat \u00e9s adequat en paper, on l’amplada \u00e9s fixa i es coneix. Al web, l’amplada varia en funci\u00f3 del dispositiu i justificar el text genera espais irregulars entre paraules, inc\u00f2modes per a tothom per\u00f2 especialment per a les persones amb disl\u00e8xia.<\/p>\n<\/div>\n

\"Dos<\/div>\n<\/div>\n
\n
\n
\n

 <\/p>\n

Utilitzeu llistes.<\/b> S\u00f3n molt \u00fatils per estructurar la informaci\u00f3. Si l’ordre \u00e9s important, utilitzeu llistes numerades.<\/p>\n

A partir de 8 elements \u00e9s convenient dividir la llista.\u00a0<\/span><\/p>\n<\/div>\n

\"Dos<\/div>\n<\/div>\n
\n
\n
\n

 <\/p>\n

Eviteu les taules<\/strong> per fer distribuci\u00f3 en columnes. Les taules no s\u00f3n adaptatives i part de la informaci\u00f3 no es visualitzar\u00e0 als dispositius m\u00f2bils.<\/p>\n

Utilitzeu les caixes adaptatives<\/a> de la caixa d’eines de Nodes.\u00a0<\/span><\/p>\n<\/div>\n

\"Taula<\/div>\n<\/div>\n
\n
\n
\n

El text dels botons<\/b> i enlla\u00e7os<\/b> ha de ser descriptiu, ja que d’aquesta manera les persones que fan servir els lectors de pantalla<\/strong> sabran quina acci\u00f3 fa el bot\u00f3.<\/p>\n

Si enllaceu a una web o aplicaci\u00f3 externa, l’enlla\u00e7 de dest\u00ed s’ha d’obrir en una finestra nova.\u00a0<\/span><\/p>\n<\/div>\n

\"Dos<\/div>\n<\/div>\n

 <\/p>\n

Imatges i v\u00eddeos<\/h2>\n

 <\/p>\n

\n
\n

Escriviu text alternatiu a les imatges.<\/strong>
\n\u00c9s fonamental per a les persones amb discapacitat visual que utilitzen lectors de pantalla.<\/p>\n

A Nodes (WordPress) heu d’omplir tamb\u00e9 el camp Atribut t\u00edtol de la imatge<\/strong>\u00a0a Opcions avan\u00e7ades de la imatge.<\/span><\/p>\n<\/div>\n

\"Dos<\/p>\n<\/div>\n

\n
\n
\n

 <\/p>\n

Si utilitzeu v\u00eddeos, proporcioneu subt\u00edtols<\/strong>, audiodescripcions<\/strong>\u00a0o una transcripci\u00f3<\/strong> del contingut.<\/p>\n

Oferiu sempre un enlla\u00e7 directe<\/strong> al peu del v\u00eddeo.<\/p>\n<\/div>\n

\"Un<\/p>\n<\/div>\n

\n
\n
\n

 <\/p>\n

Si feu infografies, proporcioneu sempre una audiodescripci\u00f3.
\n<\/strong>Les infografies concentren molta informaci\u00f3 visual i textual en molt poc espai per\u00f2 s\u00f3n opaques per als lectors de pantalla.<\/span><\/p>\n<\/div>\n

\"Una<\/p>\n<\/div>\n

 <\/p>\n

\n

Aquest apartat \u00e9s una reelaboraci\u00f3 a partir de les seg\u00fcents fonts:<\/p>\n