{"id":368,"date":"2015-03-12T13:21:46","date_gmt":"2015-03-12T12:21:46","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=368"},"modified":"2015-03-13T14:13:57","modified_gmt":"2015-03-13T13:13:57","slug":"avaluacio-de-laccessibilitat","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/avaluacio-de-laccessibilitat\/","title":{"rendered":"Avaluaci\u00f3 de l&#8217;accessibilitat"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3<\/h3>\n<p>Per a avaluar o validar l&#8217;accessibilitat d&#8217;un lloc web, hi ha diferents m\u00e8todes. En tot cas, \u00e9s important comprovar l&#8217;accessibilitat des de les primeres fases del desenvolupament, per poder corregir a temps els errors que hi pugui haver.<\/p>\n<hr \/>\n<h3>Avaluaci\u00f3 preliminar de l&#8217;accessibilitat<\/h3>\n<p>L&#8217;avaluaci\u00f3 preliminar \u00e9s important per a identificar r\u00e0pidament problemes d&#8217;accessibilitat d&#8217;un lloc web, encara que no garanteix que s&#8217;hi detectin tots els errors. Per tant, s&#8217;hauria de completar amb altres m\u00e8todes de validaci\u00f3.<\/p>\n<p>L&#8217;avaluaci\u00f3 preliminar combina la validaci\u00f3 manual de p\u00e0gines representatives del lloc, amb l&#8217;\u00fas d&#8217;eines d&#8217;avaluaci\u00f3 semiautom\u00e0tiques. No cal que els avaluadors tinguin coneixements t\u00e8cnics d&#8217;HTML, encara que s\u00ed haurien d&#8217;estar familiaritzats amb l&#8217;\u00fas de navegadors.<\/p>\n<p>Per a dur a terme una avaluaci\u00f3 preliminar, cal seguir cinc passos (adaptat de W3C, 2006):<\/p>\n<p><strong>Pas 1. Seleccionar p\u00e0gines representatives <\/strong><br \/>\nSe selecciona un grup de p\u00e0gines del lloc que resultin significatives, segons aquests criteris:<\/p>\n<ul>\n<li>S&#8217;inclouen totes les p\u00e0gines en les quals els usuaris solen entrar m\u00e9s sovint (per ex., la p\u00e0gina d&#8217;inici)<\/li>\n<li>S&#8217;inclou una varietat de p\u00e0gines amb diferents dissenys i funcionalitat (per ex., p\u00e0gines amb taules, formularis o continguts din\u00e0mics, p\u00e0gines amb gr\u00e0fics informatius, o p\u00e0gines amb <em>scripts<\/em> o aplicacions especials).<\/li>\n<\/ul>\n<p><strong>Pas 2. Examinar les p\u00e0gines utilitzant navegadors <\/strong><br \/>\nUtilitzar un navegador (com Firefox, Internet Explorer, Netscape Navigator, Opera, Safari, o un altre) per a examinar les p\u00e0gines seleccionades, ajustant la configuraci\u00f3 del navegador de la manera seg\u00fcent:<\/p>\n<ul>\n<li>Desconnectar les imatges i comprovar si hi ha text alternatiu all\u00e0 on hi havia les imatges.<\/li>\n<li>Desconnectar el so i comprovar si el contingut de l&#8217;\u00e0udio est\u00e0 disponible mitjan\u00e7ant text.<\/li>\n<li>Utilitzar els controls del navegador per a canviar la mida de la font: verificar que la font canvia de mida i que la p\u00e0gina encara es pot utilitzar despr\u00e9s del canvi.<\/li>\n<li>Comprovar les p\u00e0gines amb diferents resolucions de pantalla, escalant la finestra del navegador a una mida una mica inferior al m\u00e0xim, per a comprovar que no apareix despla\u00e7ament (<em>scroll<\/em>) horitzontal.<\/li>\n<li>Configurar el monitor en monocrom per a observar si el contrast de color \u00e9s adequat.<\/li>\n<li>Sense utilitzar el ratol\u00ed, usar el teclat per a navegar a trav\u00e9s dels enlla\u00e7os i camps de formulari de la p\u00e0gina, comprovant que tots s\u00f3n accessibles, i que els enlla\u00e7os indiquen clarament a on es dirigeixen.<\/li>\n<\/ul>\n<p><strong>Pas 3. Examinar les p\u00e0gines utilitzant navegadors especialitzats <\/strong><br \/>\nUtilitzar un navegador de veu (p. ex. Home Page Reader) o un navegador de text (p. ex. Lynx) per a verificar les p\u00e0gines seleccionades, i comprovar dues q\u00fcestions:<\/p>\n<ul>\n<li>\u00c9s equivalent la informaci\u00f3 disponible a trav\u00e9s del navegador especialitzat a la que existia en el navegador habitual?<\/li>\n<li>T\u00e9 la informaci\u00f3 un ordre intel\u00b7ligible quan es llegeix seq\u00fcencialment?<\/li>\n<\/ul>\n<p><strong>Pas 4. Utilitzar eines autom\u00e0tiques d&#8217;avaluaci\u00f3 de l&#8217;accessibilitat <\/strong><br \/>\nUtilitzar almenys dues <a href=\"http:\/\/www.w3.org\/QA\/Tools\/\" target=\"_blank\">eines autom\u00e0tiques d&#8217;avaluaci\u00f3 de l&#8217;accessibilitat<\/a>  per a analitzar les p\u00e0gines seleccionades. Cal tenir en compte que les eines autom\u00e0tiques no s\u00f3n exhaustives i que s&#8217;han d&#8217;acompanyar sempre d&#8217;un control manual.<\/p>\n<p><strong>Pas 5. Documentar els resultats obtinguts <\/strong><br \/>\nEls resultats dels ex\u00e0mens manuals i de la validaci\u00f3 autom\u00e0tica s&#8217;han de documentar de la manera seg\u00fcent:<\/p>\n<ul>\n<li>Anotar els problemes trobats, aix\u00ed com els aspectes positius que s&#8217;han de mantenir a mesura que es desenvolupi el lloc.<\/li>\n<li>Anotar el m\u00e8tode amb el qual es van identificar els problemes trobats, i indicar que la validaci\u00f3 no ha estat positiva.<\/li>\n<li>Recomanar pautes de seguiment, com l&#8217;avaluaci\u00f3 de conformitat, per a avaluar el lloc web en les seg\u00fcents fases del seu desenvolupament.<\/li>\n<\/ul>\n<hr \/>\n<h3>Avaluaci\u00f3 de conformitat de l&#8217;accessibilitat d&#8217;un lloc web<\/h3>\n<p>L&#8217;avaluaci\u00f3 de conformitat determina si un lloc web compleix els est\u00e0ndards d&#8217;accessibilitat (pautes WCAG 2.0). Combina m\u00e8todes autom\u00e0tics, semiautom\u00e0tics i manuals de validaci\u00f3 de l&#8217;accessibilitat. Es pot utilitzar tant en el desenvolupament d&#8217;un nou lloc web, com en un lloc ja existent.<\/p>\n<p>Els avaluadors han d&#8217;estar familiaritzats amb els llenguatges d&#8217;etiquetes web (com HTML), tenir experi\u00e8ncia en la navegaci\u00f3 per la web, i con\u00e8ixer el funcionament de les eines d&#8217;avaluaci\u00f3.<\/p>\n<p>L&#8217;avaluaci\u00f3 de conformitat inclou els seg\u00fcents passos (adaptat de W3C, 2006b):<\/p>\n<p><strong>Pas 1. Determinar l&#8217;abast de l&#8217;avaluaci\u00f3 <\/strong><br \/>\nInclou els seg\u00fcents passos:<\/p>\n<ul>\n<li>Determinar el nivell de conformitat (A, AA o AAA) que es vol assolir amb les pautes WCAG.<\/li>\n<li>Seleccionar el grup de p\u00e0gines del lloc que resulten m\u00e9s significatives segons aquests criteris:\n<ul>\n<li>Inclou totes les p\u00e0gines en les quals els usuaris solen entrar m\u00e9s sovint (per ex., la p\u00e0gina d&#8217;inici).<\/li>\n<li>Inclou una varietat de p\u00e0gines amb diferents dissenys i funcionalitats (per ex., p\u00e0gines amb taules, formularis o continguts din\u00e0mics, p\u00e0gines amb gr\u00e0fics informatius, o p\u00e0gines amb <em>scripts<\/em> o aplicacions especials).<\/li>\n<li>Inclou totes les p\u00e0gines del lloc web en una URL per avaluar-les de manera autom\u00e0tica i semiautom\u00e0tica.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Pas 2. Utilitzar eines d&#8217;avaluaci\u00f3 de l&#8217;accessibilitat <\/strong><br \/>\nValidar el codi de les p\u00e0gines seleccionades, incloent-hi la sintaxi i els fulls d&#8217;estil. Executar almenys una eina que avalu\u00ef tot el lloc (vegeu http:\/\/www.w3.org\/QA\/Tools\/).<\/p>\n<p><strong>Pas 3. Avaluar manualment les p\u00e0gines seleccionades <\/strong><br \/>\nAquest pas consisteix en el seg\u00fcent:<\/p>\n<ul>\n<li>Examinar les p\u00e0gines seleccionades utilitzant la llista de comprovaci\u00f3 d&#8217;accessibilitat.<\/li>\n<li>Examinar les p\u00e0gines utilitzant almenys tres combinacions de les variables seg\u00fcents:\n<ul>\n<li>diferents navegadors (com Firefox, Internet Explorer, Chrome, Opera, Safari o d&#8217;altres),<\/li>\n<li>en diferents versions (de les m\u00e9s antigues a les m\u00e9s recents),<\/li>\n<li>en diferents plataformes (Windows, Linux, Mac).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Ajustar la configuraci\u00f3 dels navegadors de la seg\u00fcent manera:<\/p>\n<ul>\n<li>Desconnectar les imatges i comprovar si hi ha text alternatiu all\u00e0 on hi havia les imatges.<\/li>\n<li>Desconnectar el so i comprovar si el contingut de l&#8217;\u00e0udio est\u00e0 disponible mitjan\u00e7ant text.<\/li>\n<li>Utilitzar els controls del navegador per a canviar la mida de la font: verificar que la font canvia de mida i que la p\u00e0gina encara es pot utilitzar despr\u00e9s del canvi.<\/li>\n<li>Comprovar les p\u00e0gines amb diferents resolucions de pantalla, escalant la finestra del navegador a una mida una mica inferior al m\u00e0xim, per verificar que no apareix despla\u00e7ament (<em>scroll<\/em>) horitzontal.<\/li>\n<li>Configurar el monitor en monocrom per a observar si el contrast de color \u00e9s adequat.<\/li>\n<li>Sense utilitzar el ratol\u00ed, usar el teclat per a navegar a trav\u00e9s dels enlla\u00e7os i camps de formulari de la p\u00e0gina, comprovant que tots s\u00f3n accessibles i que els enlla\u00e7os indiquen clarament a on es dirigeixen.<\/li>\n<li>Examinar la p\u00e0gina sense carregar <em>scripts<\/em>, fulls d&#8217;estil, miniaplicacions (<em>applets<\/em>) i altres objectes inclosos.<\/li>\n<\/ul>\n<p><strong>Pas 4. Examinar les p\u00e0gines utilitzant navegadors especialitzats <\/strong><br \/>\nUtilitzar un navegador de veu (p. ex. Home Page Reader) o un navegador de text (p. ex. Lynx) per a verificar les p\u00e0gines seleccionades i comprovar dues q\u00fcestions:<\/p>\n<ul>\n<li>\u00c9s equivalent la informaci\u00f3 disponible a trav\u00e9s del navegador especialitzat a la que existia en el navegador habitual?<\/li>\n<li>T\u00e9 la informaci\u00f3 un ordre intel\u00b7ligible quan es llegeix seq\u00fcencialment?<\/li>\n<\/ul>\n<p><strong>Pas 5. Llegir i avaluar el contingut de les p\u00e0gines <\/strong><br \/>\nLlegir les p\u00e0gines seleccionades i comprovar si el text \u00e9s prou clar i senzill per als objectius del lloc.<\/p>\n<p><strong>Pas 6. Documentar els resultats obtinguts <\/strong><br \/>\nAnotar els problemes trobats, aix\u00ed com els aspectes positius, tant per a cada p\u00e0gina com per al conjunt del lloc. Recomanar pautes de seguiment, correcci\u00f3 dels errors trobats, manteniment dels aspectes positius i actualitzaci\u00f3 d&#8217;avaluacions del lloc.<\/p>\n<hr \/>\n<h3>Refer\u00e8ncies<\/h3>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/preliminary.html\" target=\"_blank\">W3C (2006). Preliminary Review of Web Sites for Accessibility<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/conformance.html\" target=\"_blank\">W3C (2006b). Conformance Evaluation of Web Sites for Accessibility<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/considerations.html\" target=\"_blank\">W3C (2006c). Evaluation approach for Specific contexts<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/users.html\" target=\"_blank\">W3C (2006d). Involving Users in Web Accessibility Evaluation<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/selectingtools.html\" target=\"_blank\">W3C (2006e). Selecting Web Accessibility Evaluation Tools<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/ER\/tools\" target=\"_blank\">W3C (2006f). Web Accessibility Evaluation Tools List Search<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/reviewteams.html\" target=\"_blank\">W3C (2006g). Using Combined Expertise to Avalua&#8217;t Web Accessibility<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/template.html\" target=\"_blank\">W3C (2006h). Template for Accessibility Evaluation Reports<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/eval\/Overview.html\" target=\"_blank\">W3C (2006i). Evaluating Web Sites for Accessibility: Overview &gt;<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3 Per a avaluar o validar l&#8217;accessibilitat d&#8217;un lloc web, hi ha diferents m\u00e8todes. En tot cas, \u00e9s important comprovar l&#8217;accessibilitat des de les primeres fases del desenvolupament, per poder corregir a temps els errors que hi pugui haver. Avaluaci\u00f3 preliminar de l&#8217;accessibilitat L&#8217;avaluaci\u00f3 preliminar \u00e9s important per a identificar r\u00e0pidament problemes d&#8217;accessibilitat d&#8217;un lloc &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/avaluacio-de-laccessibilitat\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abAvaluaci\u00f3 de l&#8217;accessibilitat\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-368","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/368","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=368"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":369,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/368\/revisions\/369"}],"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=368"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}