{"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\/es\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/avaluacio-de-laccessibilitat\/","title":{"rendered":"Evaluaci\u00f3n de la accesibilidad"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3n<\/h3>\n<p>Para evaluar o validar la accesibilidad de un sitio web, hay diferentes m\u00e9todos. En todo caso, es importante comprobar la accesibilidad desde las primeras fases del desarrollo para poder corregir a tiempo los errores que pueda haber.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Evaluaci\u00f3n preliminar de la accesibilidad<\/h3>\n<p>La evaluaci\u00f3n preliminar es importante para identificar con rapidez problemas de accesibilidad de un sitio web, aunque no garantiza que se detecten todos los errores. Por lo tanto, se tendr\u00eda que completar con otros m\u00e9todos de validaci\u00f3n.<\/p>\n<p>La evaluaci\u00f3n preliminar combina la validaci\u00f3n manual de p\u00e1ginas representativas del sitio con el uso de herramientas de evaluaci\u00f3n semiautom\u00e1ticas. No es necesario que los evaluadores tengan conocimientos t\u00e9cnicos de HTML, aunque s\u00ed deber\u00edan estar familiarizados con el uso de navegadores.<\/p>\n<p>Para llevar a cabo una evaluaci\u00f3n preliminar, hay que seguir cinco pasos (adaptado de W3C, 2006):<\/p>\n<p><b>Paso 1. Seleccionar p\u00e1ginas representativas <\/b><br \/>\nSe selecciona un grupo de p\u00e1ginas del sitio que resulten significativas, seg\u00fan estos criterios:<\/p>\n<ul>\n<li>Se incluyen todas las p\u00e1ginas a las que los usuarios suelen entrar m\u00e1s a menudo (por ejemplo, la p\u00e1gina de inicio).<\/li>\n<li>Se incluye una variedad de p\u00e1ginas con diferentes dise\u00f1os y funcionalidad (por ejemplo, p\u00e1ginas con tablas, formularios o contenidos din\u00e1micos, p\u00e1ginas con gr\u00e1ficos informativos o p\u00e1ginas con <i>scripts<\/i> o aplicaciones especiales).<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>2. Examinar las p\u00e1ginas utilizando navegadores <\/b><br \/>\nSe utiliza un navegador (como Firefox, Internet Explorer, Netscape Navigator, Opera, Safari u otro) para examinar las p\u00e1ginas seleccionadas, ajustando la configuraci\u00f3n del navegador de la manera siguiente:<\/p>\n<ul>\n<li>Desconectar las im\u00e1genes y comprobar si hay texto alternativo all\u00ed donde estaban las im\u00e1genes.<\/li>\n<li>Desconectar el sonido y comprobar si el contenido del audio est\u00e1 disponible mediante texto.<\/li>\n<li>Utilizar los controles del navegador para cambiar el tama\u00f1o de la fuente: verificar que la fuente cambia de tama\u00f1o y que la p\u00e1gina todav\u00eda se puede utilizar despu\u00e9s del cambio.<\/li>\n<li>Comprobar las p\u00e1ginas con diferentes resoluciones de pantalla, escalando la ventana del navegador a un tama\u00f1o algo inferior al m\u00e1ximo para comprobar que no aparece el <i>scroll<\/i> horizontal.<\/li>\n<li>Configurar el monitor en monocromo para observar si el contraste de color es adecuado.<\/li>\n<li>Sin utilizar el rat\u00f3n, usar el teclado para navegar a trav\u00e9s de los enlaces y campos de formulario de la p\u00e1gina, comprobando que todos son accesibles y que los enlaces indican con claridad ad\u00f3nde se dirigen.<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>3. Examinar las p\u00e1ginas utilizando navegadores especializados <\/b><br \/>\nUtilizar un navegador de voz (por ejemplo Home Page Reader) o un navegador de texto (por ejemplo Lynx) para verificar las p\u00e1ginas seleccionadas y comprobar dos cuestiones:<\/p>\n<ul>\n<li>\u00bfEs equivalente la informaci\u00f3n disponible a trav\u00e9s del navegador especializado a la que exist\u00eda en el navegador habitual?<\/li>\n<li>\u00bfTiene la informaci\u00f3n un orden inteligible cuando se lee secuencialmente?<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>4. Utilizar herramientas autom\u00e1ticas de evaluaci\u00f3n de la accesibilidad <\/b><br \/>\nUtilizar al menos dos <a href=\"http:\/\/www.w3.org\/QA\/Tools\/\" target=\"_blank\">herramientas autom\u00e1ticas de evaluaci\u00f3n de la accesibilidad<\/a> para analizar las p\u00e1ginas seleccionadas. Hay que tener en cuenta que las herramientas autom\u00e1ticas no son exhaustivas y que deben ir acompa\u00f1adas siempre de un control manual.<\/p>\n<p><b><b>Paso <\/b>5. Documentar los resultados obtenidos <\/b><br \/>\nLos resultados de los ex\u00e1menes manuales y de la validaci\u00f3n autom\u00e1tica tienen que documentarse de la manera siguiente:<\/p>\n<ul>\n<li>Anotar los problemas encontrados, as\u00ed como los aspectos positivos que se tienen que mantener a medida que se desarrolle el sitio.<\/li>\n<li>Anotar el m\u00e9todo con el que se identificaron los problemas encontrados e indicar que la validaci\u00f3n no ha sido positiva.<\/li>\n<li>Recomendar pautas de seguimiento, como la evaluaci\u00f3n de conformidad, para evaluar el sitio web en las siguientes fases de su desarrollo.<\/li>\n<\/ul>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Evaluaci\u00f3n de conformidad de la accesibilidad de un sitio web<\/h3>\n<p>La evaluaci\u00f3n de conformidad determina si un sitio web cumple los est\u00e1ndares de accesibilidad (pautas WCAG 2.0). Combina m\u00e9todos autom\u00e1ticos, semiautom\u00e1ticos y manuales de validaci\u00f3n de la accesibilidad. Se puede utilizar tanto en el desarrollo de un nuevo sitio web como en un sitio ya existente.<\/p>\n<p>Los evaluadores deben estar familiarizados con los lenguajes de etiquetas web (como HTML), tener experiencia en la navegaci\u00f3n por la web y conocer el funcionamiento de las herramientas de evaluaci\u00f3n.<\/p>\n<p>La evaluaci\u00f3n de conformidad incluye los siguientes pasos (adaptado de W3C, 2006b):<\/p>\n<p><b><b>Paso <\/b>1. Determinar el alcance de la evaluaci\u00f3n <\/b><br \/>\nIncluye los siguientes pasos:<\/p>\n<ul>\n<li>Determinar el nivel de conformidad (A, AA o AAA) con las pautas WCAG que se quieren alcanzar.<\/li>\n<li>Seleccionar el grupo de p\u00e1ginas del sitio que resultan m\u00e1s significativas, seg\u00fan estos criterios:\n<ul>\n<li>Incluir todas las p\u00e1ginas a las que los usuarios suelen entrar m\u00e1s a menudo (por ejemplo, la p\u00e1gina de inicio).<\/li>\n<li>Incluir una variedad de p\u00e1ginas con diferentes dise\u00f1os y funcionalidad (por ejemplo, p\u00e1ginas con tablas, formularios o contenidos din\u00e1micos, p\u00e1ginas con gr\u00e1ficos informativos o p\u00e1ginas con <i>scripts<\/i> o aplicaciones especiales).<\/li>\n<li>Incluir todas las p\u00e1ginas del sitio web en una URL para su evaluaci\u00f3n autom\u00e1tica y semiautom\u00e1tica.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>2. Utilizar herramientas de evaluaci\u00f3n de la accesibilidad <\/b><br \/>\nValidar el c\u00f3digo de las p\u00e1ginas seleccionadas, incluyendo la sintaxis y las hojas de estilo. Ejecutar al menos una herramienta que eval\u00fae todo el sitio (ved http:\/\/www.w3.org\/qa\/tools\/).<\/p>\n<p><b><b>Paso <\/b>3. Evaluar manualmente las p\u00e1ginas seleccionadas <\/b><br \/>\nEste paso consiste en:<\/p>\n<ul>\n<li>Examinar las p\u00e1ginas seleccionadas utilizando la lista de comprobaci\u00f3n de accesibilidad.<\/li>\n<li>Examinar las p\u00e1ginas utilizando al menos tres combinaciones de las variables siguientes:\n<ul>\n<li>diferentes navegadores (como Firefox, Internet Explorer, Chrome, Opera, Safari u otros),<\/li>\n<li>en diferentes versiones (de las m\u00e1s antiguas a las m\u00e1s recientes),<\/li>\n<li>en diferentes plataformas (Windows, Linux, Mac).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Ajustar la configuraci\u00f3n de los navegadores de la manera siguiente:<\/p>\n<ul>\n<li>Desconectar las im\u00e1genes y comprobar si hay texto alternativo all\u00ed donde estaban las im\u00e1genes.<\/li>\n<li>Desconectar el sonido y comprobar si el contenido del audio est\u00e1 disponible mediante texto.<\/li>\n<li>Utilizar los controles del navegador para cambiar el tama\u00f1o de la fuente: verificar que la fuente cambia de tama\u00f1o y que la p\u00e1gina todav\u00eda se puede utilizar despu\u00e9s del cambio.<\/li>\n<li>Comprobar las p\u00e1ginas con diferentes resoluciones de pantalla, escalando la ventana del navegador a un tama\u00f1o algo inferior al m\u00e1ximo para comprobar que no aparece el <i>scroll<\/i> horizontal.<\/li>\n<li>Configurar el monitor en monocromo para observar si el contraste de color es adecuado.<\/li>\n<li>Sin utilizar el rat\u00f3n, usar el teclado para navegar a trav\u00e9s de los enlaces y campos de formulario de la p\u00e1gina, comprobando que todos ellos son accesibles y que los enlaces indican con claridad ad\u00f3nde se dirigen.<\/li>\n<li>Examinar la p\u00e1gina sin cargar <i>scripts<\/i>, hojas de estilo, <i>applets<\/i> y otros objetos incluidos.<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>4. Examinar las p\u00e1ginas utilizando navegadores especializados <\/b><br \/>\nUtilizar un navegador de voz (por ejemplo Home Page Reader) o un navegador de texto (por ejemplo Lynx) para verificar las p\u00e1ginas seleccionadas y comprobar dos cuestiones:<\/p>\n<ul>\n<li>\u00bfEs equivalente la informaci\u00f3n disponible a trav\u00e9s del navegador especializado a la que exist\u00eda en el navegador habitual?<\/li>\n<li>\u00bfTiene la informaci\u00f3n un orden inteligible cuando se lee secuencialmente?<\/li>\n<\/ul>\n<p><b><b>Paso <\/b>5. Leer y evaluar el contenido de las p\u00e1ginas <\/b><br \/>\nLeer las p\u00e1ginas seleccionadas y comprobar si el texto es bastante claro y sencillo para los objetivos del sitio.<\/p>\n<p><b><b>Paso <\/b>6. Documentar los resultados obtenidos <\/b><br \/>\nAnotar los problemas encontrados, as\u00ed como los aspectos positivos tanto para cada p\u00e1gina como para el conjunto del sitio. Recomendar pautas de seguimiento, correcci\u00f3n de los errores encontrados, mantenimiento de los aspectos positivos y actualizaci\u00f3n de evaluaciones del sitio.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<p><b><i>Referencias<\/i><\/b><\/p>\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 Evaluate 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\u00f3n Para evaluar o validar la accesibilidad de un sitio web, hay diferentes m\u00e9todos. En todo caso, es importante comprobar la accesibilidad desde las primeras fases del desarrollo para poder corregir a tiempo los errores que pueda haber. Evaluaci\u00f3n preliminar de la accesibilidad La evaluaci\u00f3n preliminar es importante para identificar con rapidez problemas de accesibilidad &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/avaluacio-de-laccessibilitat\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abEvaluaci\u00f3n de la accesibilidad\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\/es\/wp-json\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":369,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/368\/revisions\/369"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/364"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/media?parent=368"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/tags?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}