{"id":366,"date":"2015-03-12T13:20:04","date_gmt":"2015-03-12T12:20:04","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=366"},"modified":"2015-03-13T14:14:11","modified_gmt":"2015-03-13T13:14:11","slug":"pautes-daccessibilitat-wcag-2-0","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/pautes-daccessibilitat-wcag-2-0\/","title":{"rendered":"Pautes d&#8217;accessibilitat WCAG 2.0"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3<\/h3>\n<p>Les pautes d&#8217;accessibilitat al contingut a la web 2.0 (WCAG) es publiquen el 2008 en la versi\u00f3 definitiva amb l&#8217;objectiu de substituir les pautes 1.0, publicades el 1999.<br \/>\nConsisteixen en tretze pautes, agrupades en quatre principis:<\/p>\n<ul>\n<li>Principi 1. Perceptibilitat<\/li>\n<li>Principi 2. Operatibilitat<\/li>\n<li>Principi 3. Comprensibilitat<\/li>\n<li>Principi 4. Robustesa<\/li>\n<\/ul>\n<p>Nota: El text que ve a continuaci\u00f3 descriu les pautes ha estat extret i sintetitzat del literal de W3C, 2006. Per a una lectura estesa, consulteu l&#8217;original.<\/p>\n<hr \/>\n<h3>Principi 1. Perceptibilitat<\/h3>\n<p><strong>Pauta 1.1. Proporcionar alternatives textuals per a tot contingut no textual <\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\nTot contingut no textual ha de complir un dels seg\u00fcents punts:<\/p>\n<ul>\n<li>Si el contingut no textual presenta informaci\u00f3 o respon a una acci\u00f3 de l&#8217;usuari, les alternatives textuals han de servir al mateix objectiu i presentar la mateixa informaci\u00f3, o almenys han d&#8217;identificar el prop\u00f2sit del contingut no textual.<\/li>\n<li>Si el contingut no textual \u00e9s multim\u00e8dia, \u00e0udio o v\u00eddeo, un test o exercici, o pret\u00e9n generar una experi\u00e8ncia sensorial, les alternatives de text han d&#8217;identificar almenys el contingut mitjan\u00e7ant una etiqueta descriptiva.<\/li>\n<li>Si l&#8217;objectiu del contingut no textual \u00e9s confirmar que est\u00e0 sent controlat per una persona i no per un ordinador, s&#8217;han de proporcionar diferents alternatives per a adaptar-se a les m\u00faltiples discapacitats.<\/li>\n<li>Si el contingut no textual \u00e9s purament ornamental o utilitzat per al disseny visual, ha de poder ser ignorat per les tecnologies d&#8217;assist\u00e8ncia.<\/li>\n<\/ul>\n<p><strong>Pauta 1.2. Proporcionar alternatives sincronitzades per al contingut multim\u00e8dia<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n1.2.1. S&#8217;han de proporcionar subt\u00edtols dels elements multim\u00e8dia pregravats.<br \/>\n1.2.2. Per als elements multim\u00e8dia pregravats, es proporcionaran descripcions auditives de v\u00eddeo, o una alternativa textual que inclogui totes les interaccions.<\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n1.2.3. Es proporcionaran descripcions auditives del v\u00eddeo.<br \/>\n1.2.4. S&#8217;han de proporcionar subt\u00edtols dels elements multim\u00e8dia en directe.<\/p>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n1.2.5. Es proporcionar\u00e0 llenguatge d&#8217;interpretaci\u00f3 de signes per als elements multim\u00e8dia pregravats.<br \/>\n1.2.6. Es proporcionaran descripcions esteses del v\u00eddeo dels elements multim\u00e8dia pregravats.<br \/>\n1.2.7. Per als elements multim\u00e8dia pregravats, es proporcionar\u00e0 un text alternatiu multim\u00e8dia que inclogui qualsevol interacci\u00f3 (\u00e9s a dir, un document que inclogui descripcions seq\u00fcencials de tots els elements visuals, accions i sons, combinades amb transcripcions descriptives del di\u00e0leg i respostes del sistema durant la interacci\u00f3 amb l&#8217;element multim\u00e8dia).<\/p>\n<p><strong>Pauta 1.3. Garantir que el contingut i l&#8217;estructura poden separar-se del disseny<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n1.3.1. El contingut i les relacions estructurals han de ser determinades per programaci\u00f3, i la notificaci\u00f3 dels canvis ha de ser detectada pels agents d&#8217;usuari, incloent-hi tecnologies de suport (<em>assistive<\/em>).<br \/>\n1.3.2. Qualsevol informaci\u00f3 que es transmeti mitjan\u00e7ant color ha de ser evident tamb\u00e9 sense color.<br \/>\n1.3.3. Quan la seq\u00fc\u00e8ncia dels continguts sigui determinant per a comprendre&#8217;ls ha de ser determinada per programaci\u00f3 i admesa pels agents d&#8217;usuari, incloent-hi tecnologies de suport.<\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n1.3.4. La informaci\u00f3 basada en variacions en la presentaci\u00f3 del text tamb\u00e9 estar\u00e0 disponible en text, o les variacions han de ser determinades per programaci\u00f3 i admeses pels agents d&#8217;usuari, incloent-hi tecnologies admeses.<br \/>\n1.3.5. La informaci\u00f3 necess\u00e0ria per a entendre i controlar el contingut no s&#8217;ha de basar en la forma, mida, posici\u00f3 o orientaci\u00f3 dels elements.<\/p>\n<p><strong>Pauta 1.4. Facilitar la distinci\u00f3 entre informaci\u00f3 i fons<\/strong><\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n1.4.1. El text o els diagrames i el fons han de tenir una r\u00e0tio de contrast de lluminositat d&#8217;almenys 5:1.<br \/>\nLa r\u00e0tio de contrast de lluminositat es calcula mitjan\u00e7ant la f\u00f3rmula (L1 + 0,05) \/ (L2 + 0,05), en la qual L1 \u00e9s la lluminositat de l&#8217;element m\u00e9s brillant del text o del fons, i L2 \u00e9s la lluminositat de l&#8217;element m\u00e9s fosc del text o del fons.<br \/>\n1.4.2. Hi ha d&#8217;haver una opci\u00f3 que permeti desconnectar la banda sonora que s&#8217;executa autom\u00e0ticament, sense que l&#8217;usuari es vegi obligat a desconnectar tot l&#8217;\u00e0udio.<br \/>\n<strong><br \/>\nPautes de nivell 3 <\/strong><br \/>\n1.4.3. El text o els diagrames i el fons han de tenir una r\u00e0tio de contrast de lluminositat d&#8217;almenys 10:1.<br \/>\n1.4.4. El contingut d&#8217;\u00e0udio no ha de tenir un fons sonor, o b\u00e9 el fons sonor s&#8217;ha de poder desactivar, o b\u00e9 el fons sonor ha d&#8217;estar 20 decibels (aproximadament quatre vegades) per sota de l&#8217;\u00e0udio, exceptuant els efectes sonors ocasionals.<\/p>\n<hr \/>\n<h3>Principi 2. Operatibilitat<\/h3>\n<p><strong>Pauta 2.1. Totes les funcions s&#8217;han de poder controlar mitjan\u00e7ant el teclat<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n2.1.1. Totes les opcions del contingut seran controlables mitjan\u00e7ant el teclat i seran independents del temps, excepte quan les tasques requereixen una interacci\u00f3 seq\u00fc\u00e8ncia temporal.<\/p>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n2.1.2. Totes les opcions del contingut seran controlables mitjan\u00e7ant el teclat.<\/p>\n<p><strong>Pauta 2.2. Permetre que els usuaris puguin controlar els l\u00edmits temporals de la lectura o interacci\u00f3<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n2.2.1. Sempre que hi hagi un l\u00edmit de temps, s&#8217;ha de complir almenys un dels seg\u00fcents punts:<\/p>\n<ul>\n<li>Totes les opcions del contingut seran controlables mitjan\u00e7ant el teclat i seran independents del temps, excepte quan les tasques requereixen una interacci\u00f3 seq\u00fc\u00e8ncia temporal, o<\/li>\n<li>L&#8217;usuari podr\u00e0 desactivar el l\u00edmit de temps, o<\/li>\n<li>L&#8217;usuari podr\u00e0 ajustar el l\u00edmit de temps, almenys deu vegades per sobre de l&#8217;inicial, o<\/li>\n<li>S&#8217;avisar\u00e0 l&#8217;usuari abans que expiri el temps, i se li donaran com a m\u00ednim vint segons per a estendre el l\u00edmit amb una acci\u00f3 senzilla (per exemple, &#8220;premeu qualsevol tecla&#8221;), o<\/li>\n<li>El l\u00edmit de temps \u00e9s una part important d&#8217;un esdeveniment en temps real, i no hi ha alternativa, o<\/li>\n<li>El l\u00edmit de temps forma part d&#8217;una activitat en la qual el temps \u00e9s essencial (per exemple, un joc o un test) i no poden estendre els l\u00edmits sense invalidar l&#8217;activitat.<\/li>\n<\/ul>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n2.2.2. El contingut no ha d&#8217;emetre espurnes durant m\u00e9s de tres segons, o ha d&#8217;existir un sistema per a desactivar el flaix.<br \/>\n2.2.3. L&#8217;usuari podr\u00e0 aturar el contingut, llevat que el temps o el moviment siguin essencials en l&#8217;activitat.<\/p>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n2.2.4. Excepte per a esdeveniments en temps real, el temps no ha de ser part essencial de l&#8217;esdeveniment o activitat presentats pel contingut.<br \/>\n2.2.5. L&#8217;usuari ha de poder posposar o evitar les interrupcions, excepte si corresponen a una emerg\u00e8ncia.<br \/>\n2.2.6. Quan expiri una sessi\u00f3 autenticada, l&#8217;usuari ha de poder continuar despr\u00e9s de tornar a autenticar, sense perdre les dades.<\/p>\n<p><strong>Pauta 2.3. Permetre que els usuaris puguin evitar contingut capa\u00e7 de causar danys per fotosensibilitat<\/strong><\/p>\n<p><strong>Pautes de nivell 1 <\/strong><br \/>\n2.3.1. El contingut no ha de superar el llindar general de llampades, ni el llindar de centelleigs vermells.<br \/>\nTant el llindar general com el de centelleigs vermells corresponen a una seq\u00fc\u00e8ncia de llampades o imatges r\u00e0pidament canviants (en el segon cas, espec\u00edficament vermells), en qu\u00e8 passa una de les tres coses seg\u00fcents:<\/p>\n<ul>\n<li>L&#8217;\u00e0rea total abastada pels flaixos (no necess\u00e0riament contigus) ocupa m\u00e9s d&#8217;\u00bc de qualsevol rectangle de 341 x 256 p\u00edxels quan el contingut es veu a 1.024 x 768 p\u00edxels.<\/li>\n<li>Hi ha m\u00e9s de tres flaixos en un segon.<\/li>\n<li>El flaix \u00e9s inferior a 50 Hz.<\/li>\n<\/ul>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n2.3.2. El web no ha de contenir cap component que llampeguegi m\u00e9s de tres vegades en un segon.<\/p>\n<p><strong>Pauta 2.4. Proporcionar mecanismes per a ajudar els usuaris a trobar contingut, orientar-s&#8217;hi i navegar-hi<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n2.4.1. Hi ha d&#8217;haver un mecanisme que permeti evitar blocs de contingut que estiguin repetits en diferents p\u00e0gines.<\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n2.4.2. Hi ha d&#8217;haver m\u00e9s d&#8217;una manera de localitzar contingut en un conjunt de p\u00e0gines, en qu\u00e8 el contingut no \u00e9s el resultat d&#8217;un proc\u00e9s, o un pas d&#8217;una tasca.<br \/>\n2.4.3. Les p\u00e0gines han de tenir t\u00edtol.<br \/>\n2.4.4. El text de cada enlla\u00e7 ha permetre entendre&#8217;n el objectiu.<br \/>\n<strong><br \/>\nPautes de nivell 3 <\/strong><br \/>\n2.4.5. Els t\u00edtols, cap\u00e7aleres i etiquetes han de ser descriptives.<br \/>\n2.4.6. Quan una p\u00e0gina o un element tingui una navegaci\u00f3 seq\u00fcencial, els elements rebran focus en el mateix ordre que segueixi la seq\u00fc\u00e8ncia del contingut.<br \/>\n2.4.7. L&#8217;usuari ha de tenir sempre disponible informaci\u00f3 sobre la seva localitzaci\u00f3, dins d&#8217;un conjunt de p\u00e0gines.<br \/>\n2.4.8. L&#8217;objectiu de cada enlla\u00e7 s&#8217;ha de poder deduir abans d&#8217;activar.<\/p>\n<hr \/>\n<h3>Principi 3. Comprensibilitat<\/h3>\n<p><strong>Pauta 3.1. El text ha de ser llegible i entenedor<\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n3.1.1. El llenguatge primari o els llenguatges de la p\u00e0gina web es determinaran mitjan\u00e7ant programaci\u00f3, i han de ser reconeguts per l&#8217;agent d&#8217;usuari.<\/p>\n<p><strong>Pautes de nivell 2<\/strong><br \/>\n3.1.2. El llenguatge de cada par\u00e0graf o frase de la p\u00e0gina es determinar\u00e0 mitjan\u00e7ant programaci\u00f3 i ha de ser reconegut per l&#8217;agent d&#8217;usuari.<\/p>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n3.1.3. Hi haur\u00e0 un mecanisme per a identificar definicions espec\u00edfiques de paraules o frases utilitzades de manera inusual o restringida, inclosos idiomes i argots.<br \/>\n3.1.4. Hi ha d&#8217;haver un mecanisme per a disposar de la versi\u00f3 desplegada de les abreviatures.<br \/>\n3.1.5. Quan el text requereix una habilitat de lectura m\u00e9s avan\u00e7ada que el nivell d&#8217;educaci\u00f3 secundari, ha d&#8217;existir contingut alternatiu que no requereixi aquest nivell.<br \/>\n3.1.6. Hi ha d&#8217;haver un mecanisme per a identificar pronunciaci\u00f3 espec\u00edfica de paraules quan el significat no es pugui deduir sense pronunciaci\u00f3.<\/p>\n<p><strong>Pauta 3.2. La posici\u00f3 i la funci\u00f3 del text han de ser predictibles <\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n3.2.1. Quan un element rebi el focus, no ha de provocar un canvi de finestra del navegador o de p\u00e0gina.<br \/>\n3.2.2. El canvi de qualsevol control o camp de formulari no ha de provocar un canvi de finestra del navegador o de p\u00e0gina, llevat que s&#8217;adverteixi pr\u00e8viament del canvi.<\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n3.2.3. Els elements de navegaci\u00f3 que es troben repetits en diverses p\u00e0gines han d&#8217;apar\u00e8ixer sempre en el mateix ordre, llevat que l&#8217;usuari ho modifiqui expressament.<br \/>\n3.2.4. Els elements que tinguin la mateixa funci\u00f3 dins d&#8217;un conjunt de p\u00e0gines s&#8217;han d&#8217;identificar de manera consistent.<\/p>\n<p><strong>Pautes de nivell 3 <\/strong><br \/>\n3.2.5. Els canvis de context (finestra o format del navegador) nom\u00e9s s&#8217;han de fer a petici\u00f3 de l&#8217;usuari.<\/p>\n<p><strong>Pauta 3.3. Ajudar els usuaris a evitar errors i facilitar la correcci\u00f3 dels que s&#8217;hagin produ\u00eft<\/strong><\/p>\n<p><strong>Pautes de nivell 1 <\/strong><br \/>\n3.3.1. Si es detecta un error, s&#8217;ha d&#8217;identificar i descriure textualment a l&#8217;usuari.<\/p>\n<p><strong>Pautes de nivell 2 <\/strong><br \/>\n3.3.2. Si es detecta un error, es proporcionaran a l&#8217;usuari suggeriments per a la seva correcci\u00f3, sempre que l&#8217;objectiu del contingut no es vegi afectat.<br \/>\n3.3.3. En formularis en qu\u00e8 hi hagi transaccions legals o financeres que modifiquin o eliminin continguts de bases de dades, o que envi\u00efn respostes de test, s&#8217;ha de complir almenys un d&#8217;aquests punts:<\/p>\n<ul>\n<li>Les accions seran reversibles.<\/li>\n<li>Les accions seran comprovades per a detectar errors, abans d&#8217;avan\u00e7ar al proper pas del proc\u00e9s.<\/li>\n<li>L&#8217;usuari pot revisar i confirmar o corregir la informaci\u00f3 abans d&#8217;enviar-la.<\/li>\n<\/ul>\n<p><strong>Pautes de nivell 3<\/strong><br \/>\n3.3.4. Hi haur\u00e0 ajuda sensible al context en els camps d&#8217;entrada de text.<\/p>\n<hr \/>\n<h3>Principi 4. Robustesa<\/h3>\n<p><strong>Pauta 4.1. Refor\u00e7ar la compatibilitat amb agents d&#8217;usuari actuals i futurs (incloent-hi tecnologies de suport) <\/strong><\/p>\n<p><strong>Pautes de nivell 1<\/strong><br \/>\n4.1.1. Les p\u00e0gines del lloc i els elements de programaci\u00f3 s&#8217;han de poder analitzar sense ambig\u00fcitats, i les relacions en l&#8217;estructura de dades resultants tampoc han de ser ambig\u00fces.<br \/>\n4.1.2. El nom i la funci\u00f3 de tots els elements de la interf\u00edcie s&#8217;han de determinar mitjan\u00e7ant programaci\u00f3. Els valors que puguin ser determinats per l&#8217;usuari han de ser programats, i els canvis d&#8217;aquests elements han de poder ser detectats pels agents d&#8217;usuari, incloent-hi tecnologies de suport.<\/p>\n<hr \/>\n<h3>Refer\u00e8ncies<\/h3>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\">W3C (2008). Web Content Accessibility Guidelines 2.0.<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3 Les pautes d&#8217;accessibilitat al contingut a la web 2.0 (WCAG) es publiquen el 2008 en la versi\u00f3 definitiva amb l&#8217;objectiu de substituir les pautes 1.0, publicades el 1999. Consisteixen en tretze pautes, agrupades en quatre principis: Principi 1. Perceptibilitat Principi 2. Operatibilitat Principi 3. Comprensibilitat Principi 4. Robustesa Nota: El text que ve a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/pautes-daccessibilitat-wcag-2-0\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abPautes d&#8217;accessibilitat WCAG 2.0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"parent":364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-366","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":367,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/366\/revisions\/367"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/364"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}