{"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\/es\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/pautes-daccessibilitat-wcag-2-0\/","title":{"rendered":"Pautas de accesibilidad WCAG 2.0"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3n<\/h3>\n<p>Las pautas de accesibilidad al contenido en la web 2.0 (WCAG) se publican en el a\u00f1o 2008 en su versi\u00f3n definitiva, con el objetivo de sustituir las pautas 1.0, publicadas en 1999.<br \/>\nConsisten en trece pautas, agrupadas en cuatro principios:<\/p>\n<ul>\n<li>Principio 1. Perceptibilidad<\/li>\n<li>Principio 2. Operabilidad<\/li>\n<li>Principio 3. Comprensibilidad<\/li>\n<li>Principio 4. Robustez<\/li>\n<\/ul>\n<p>Nota: El texto que a continuaci\u00f3n describe las pautas ha sido extra\u00eddo y sintetizado del literal de W3C, 2006. Para una lectura extendida, consultad el original.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Principio 1. Perceptibilidad<\/h3>\n<p><b>Pauta 1.1. Proporcionar alternativas textuales para todo contenido no textual<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\nTodo contenido no textual tiene que cumplir uno de los siguientes puntos:<\/p>\n<ul>\n<li>Si el contenido no textual presenta informaci\u00f3n o responde a una acci\u00f3n del usuario, sus alternativas textuales tienen que servir al mismo objetivo y presentar la misma informaci\u00f3n, o al menos tienen que identificar el prop\u00f3sito del contenido no textual.<\/li>\n<li>Si el contenido no textual es multimedia, audio o v\u00eddeo, un test o ejercicio, o pretende generar una experiencia sensorial, las alternativas de texto tienen que, al menos, identificar su contenido mediante una etiqueta descriptiva.<\/li>\n<li>Si el objetivo del contenido no textual es confirmar que est\u00e1 siendo controlado por una persona y no por un ordenador, se tienen que proporcionar diferentes alternativas para adaptarse a las m\u00faltiples discapacidades.<\/li>\n<li>Si el contenido no textual es puramente ornamental o utilizado para dise\u00f1o visual, tiene que poder ser ignorado por las tecnolog\u00edas de asistencia.<\/li>\n<\/ul>\n<p><b>Pauta 1.2. Proporcionar alternativas sincronizadas para el contenido multimedia<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n1.2.1. Se tienen que proporcionar subt\u00edtulos de los elementos multimedia pregrabados.<br \/>\n1.2.2. Para los elementos multimedia pregrabados, se proporcionar\u00e1n descripciones auditivas de v\u00eddeo o una alternativa textual que incluya todas las interacciones.<\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n1.2.3. Se proporcionar\u00e1n descripciones auditivas del v\u00eddeo.<br \/>\n1.2.4. Se tienen que proporcionar subt\u00edtulos de los elementos multimedia en directo.<\/p>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n1.2.5. Se proporcionar\u00e1 lenguaje de interpretaci\u00f3n de signos para los elementos multimedia pregrabados.<br \/>\n1.2.6. Se proporcionar\u00e1n descripciones extendidas del v\u00eddeo de los elementos multimedia pregrabados.<br \/>\n1.2.7. Para los elementos multimedia pregrabados, se proporcionar\u00e1 un texto alternativo multimedia que incluya cualquier interacci\u00f3n (es decir, un documento que incluya descripciones secuenciales de todos los elementos visuales, acciones y sonidos, combinados con transcripciones descriptivas del di\u00e1logo y respuestas del sistema durante la interacci\u00f3n con el elemento multimedia).<\/p>\n<p><b>Pauta 1.3. Garantizar que el contenido y la estructura pueden separarse del dise\u00f1o<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n1.3.1. El contenido y las relaciones estructurales tienen que ser determinadas por programaci\u00f3n, y la notificaci\u00f3n de los cambios tiene que ser detectada por los agentes de usuario, incluyendo tecnolog\u00edas asistivas.<br \/>\n1.3.2. Cualquier informaci\u00f3n que se transmita mediante color tiene que ser evidente tambi\u00e9n sin color.<br \/>\n1.3.3. Cuando la secuencia de los contenidos sea determinante para su comprensibilidad, la secuencia tiene que ser determinada por programaci\u00f3n y soportada por los agentes de usuario, incluyendo tecnolog\u00edas asistivas.<\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n1.3.4. La informaci\u00f3n basada en variaciones en la presentaci\u00f3n del texto tambi\u00e9n estar\u00e1 disponible en texto, o las variaciones tienen que ser determinadas por programaci\u00f3n y soportadas por los agentes de usuario, incluyendo tecnolog\u00edas asistivas.<br \/>\n1.3.5. La informaci\u00f3n necesaria para entender y controlar el contenido no se tiene que basar en la forma, tama\u00f1o, posici\u00f3n u orientaci\u00f3n de los elementos.<\/p>\n<p><strong>Pauta 1.4. Facilitar la distinci\u00f3n entre informaci\u00f3n y fondo<\/strong><\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n1.4.1. El texto o los diagramas y el fondo tienen que tener una ratio de contraste de luminosidad de al menos 5:1.<br \/>\nLa ratio de contraste de luminosidad se calcula mediante la f\u00f3rmula (L1 + 0,05) \/ (L2 + 0,05), donde L1 es la luminosidad del elemento m\u00e1s brillante del texto o del fondo y L2 es la luminosidad del elemento m\u00e1s oscuro del texto o del fondo.<br \/>\n1.4.2. Debe haber una opci\u00f3n que permita desconectar la banda sonora que se ejecuta autom\u00e1ticamente, sin que el usuario se vea obligado a desconectar todo el audio.<br \/>\n<b><br \/>\n<\/b><b>Pautas de nivel 3 <\/b><br \/>\n1.4.3. El texto o los diagramas y el fondo tienen que tener una ratio de contraste de luminosidad de al menos 10:1.<br \/>\n1.4.4. El contenido de audio no tiene que tener un fondo sonoro, o bien el fondo sonoro debe poder desactivarse, o bien el fondo sonoro tiene que estar 20 decibelios (aproximadamente cuatro veces) por debajo del audio, exceptuando los efectos sonoros ocasionales.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Principio 2. Operabilidad<\/h3>\n<p><b>Pauta 2.1. Todas las funciones tienen que poder controlarse mediante el teclado<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n2.1.1. Todas las opciones del contenido ser\u00e1n controlables mediante teclado y ser\u00e1n independientes del tiempo, excepto cuando las tareas requieran una interacci\u00f3n secuencia temporal.<\/p>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n2.1.2. Todas las opciones del contenido ser\u00e1n controlables mediante teclado.<\/p>\n<p><b>Pauta 2.2. Permitir que los usuarios puedan controlar los l\u00edmites temporales de su lectura o interacci\u00f3n.<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n2.2.1. Siempre que haya un l\u00edmite de tiempo, se tiene que cumplir al menos uno de los siguientes puntos:<\/p>\n<ul>\n<li>Todas las opciones del contenido ser\u00e1n controlables mediante teclado y ser\u00e1n independientes del tiempo, excepto cuando las tareas requieren una interacci\u00f3n secuencia temporal, o<\/li>\n<li>El usuario podr\u00e1 desactivar el l\u00edmite de tiempo, o<\/li>\n<li>El usuario podr\u00e1 ajustar el l\u00edmite de tiempo, al menos 10 veces por encima del inicial, o<\/li>\n<li>Se avisar\u00e1 al usuario antes de que expire el tiempo, y se le dar\u00e1n como m\u00ednimo 20 segundos para extender el l\u00edmite con una acci\u00f3n sencilla (por ejemplo, \u201cpulsa cualquier tecla\u201d), o<\/li>\n<li>El l\u00edmite de tiempo es una parte importante de un acontecimiento en tiempo real, y no hay alternativa, o<\/li>\n<li>El l\u00edmite de tiempo forma parte de una actividad en la que el tiempo es esencial (por ejemplo, un juego o un test) y no se pueden extender los l\u00edmites sin invalidar la actividad.<\/li>\n<\/ul>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n2.2.2. El contenido no tiene que emitir chispas durante m\u00e1s de 3 segundos, o ha de existir un sistema para desactivar el <i>flash<\/i>.<br \/>\n2.2.3. El usuario podr\u00e1 pausar el contenido, salvo que el tiempo o el movimiento sean esenciales en la actividad.<\/p>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n2.2.4. Excepto para acontecimientos en tiempo real, el tiempo no tiene que ser parte esencial del acontecimiento o actividad presentados por el contenido.<br \/>\n2.2.5. El usuario tiene que poder posponer o evitar las interrupciones, excepto si corresponden a una emergencia.<br \/>\n2.2.6. Cuando expire una sesi\u00f3n autenticada, el usuario debe poder continuar despu\u00e9s de volver a autenticar, sin perder los datos.<\/p>\n<p><strong>Pauta 2.3. Permitir que los usuarios puedan evitar contenido capaz de causar da\u00f1os por fotosensibilidad<\/strong><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n2.3.1. El contenido no tiene que superar el umbral general de resplandores ni el umbral de destellos rojos.<br \/>\nTanto el umbral general como el de destellos rojos corresponden a una secuencia de resplandores o im\u00e1genes r\u00e1pidamente cambiantes (en el segundo caso, espec\u00edficamente rojos), en el que pasa una de las tres cosas siguientes:<\/p>\n<ul>\n<li>El \u00e1rea total alcanzada por los <i>flashes<\/i> (no necesariamente contiguos) ocupa m\u00e1s de \u00bc de cualquier rect\u00e1ngulo de 341 x 256 p\u00edxeles cuando el contenido se ve a 1.024 x 768 p\u00edxeles,<\/li>\n<li>Hay m\u00e1s de tres <i>flashes<\/i> en 1 segundo,<\/li>\n<li>El <i>flash<\/i> es inferior a 50 Hz.<\/li>\n<\/ul>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n2.3.2. La web no debe contener ning\u00fan componente que desprenda destellos m\u00e1s de tres veces en 1 segundo.<\/p>\n<p><b>Pauta 2.4. Proporcionar mecanismos para ayudar a los usuarios a encontrar contenido, orientarse en \u00e9l y navegar por \u00e9l<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n2.4.1. Debe haber un mecanismo que permita evitar bloques de contenido que est\u00e9n repetidos en diferentes p\u00e1ginas.<\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n2.4.2. Debe haber m\u00e1s de una manera de localizar contenido en un conjunto de p\u00e1ginas, en el que el contenido no es el resultado de un proceso, o un paso de una tarea.<br \/>\n2.4.3. Las p\u00e1ginas deben tener t\u00edtulo.<br \/>\n2.4.4. El texto de cada enlace ha de permitir entender su objetivo.<br \/>\n<b><br \/>\n<\/b><b>Pautas de nivel 3 <\/b><br \/>\n2.4.5. Los t\u00edtulos, cabeceras y etiquetas tienen que ser descriptivos.<br \/>\n2.4.6. Cuando una p\u00e1gina o un elemento tenga una navegaci\u00f3n secuencial, sus elementos recibir\u00e1n focos en el mismo orden que siga la secuencia del contenido.<br \/>\n2.4.7. El usuario debe tener siempre disponible informaci\u00f3n sobre su localizaci\u00f3n, dentro de un conjunto de p\u00e1ginas.<br \/>\n2.4.8. El objetivo de cada enlace tiene que poder deducirse antes de activarse.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Principio 3. Comprensibilidad<\/h3>\n<p><b>Pauta 3.1. El texto tiene que ser legible y comprensible<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n3.1.1. El lenguaje primario o los lenguajes de la p\u00e1gina web se determinar\u00e1n mediante programaci\u00f3n, y tienen que ser reconocidos por el agente de usuario.<\/p>\n<p><b>Pautas de nivel 2<\/b><br \/>\n3.1.2. El lenguaje de cada p\u00e1rrafo o frase de la p\u00e1gina se determinar\u00e1 mediante programaci\u00f3n y tiene que ser reconocido por el agente de usuario.<\/p>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n3.1.3. Habr\u00e1 un mecanismo para identificar definiciones espec\u00edficas de palabras o frases utilizadas de manera inusual o restringida, incluyendo frases hechas y argots.<br \/>\n3.1.4. Debe haber un mecanismo para disponer de la versi\u00f3n expandida de las abreviaturas.<br \/>\n3.1.5. Cuando el texto requiera una habilidad de lectura m\u00e1s avanzada que el nivel de educaci\u00f3n secundario, tiene que haber contenido alternativo que no requiera este nivel.<br \/>\n3.1.6. Debe haber un mecanismo para identificar la pronunciaci\u00f3n espec\u00edfica de palabras cuando su significado no pueda deducirse sin pronunciarlas.<\/p>\n<p><b>Pauta 3.2. La posici\u00f3n y la funci\u00f3n del texto tienen que ser predecibles<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n3.2.1. Cuando un elemento reciba el foco, no tiene que provocar un cambio de ventana del navegador o de p\u00e1gina.<br \/>\n3.2.2. El cambio de cualquier control o campo de formulario no tiene que provocar un cambio de ventana del navegador o de p\u00e1gina, salvo que se advierta previamente del cambio.<\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n3.2.3. Los elementos de navegaci\u00f3n que se encuentran repetidos en varias p\u00e1ginas tienen que aparecer siempre en el mismo orden, salvo que el usuario lo modifique expresamente.<br \/>\n3.2.4. Los elementos que tengan la misma funci\u00f3n dentro de un conjunto de p\u00e1ginas se tienen que identificar de manera consistente.<\/p>\n<p><b>Pautas de nivel 3 <\/b><br \/>\n3.2.5. Los cambios de contexto (ventana o formato del navegador) solo se tienen que hacer a petici\u00f3n del usuario.<\/p>\n<p><strong>Pauta 3.3. Ayudar a los usuarios a evitar errores y facilitar la correcci\u00f3n de los que se hayan producido<\/strong><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n3.3.1. Si se detecta un error, se tiene que identificar y describir textualmente al usuario.<\/p>\n<p><b>Pautas de nivel 2 <\/b><br \/>\n3.3.2. Si se detecta un error, se proporcionar\u00e1n al usuario sugerencias para su correcci\u00f3n, siempre que el objetivo del contenido no se vea afectado.<br \/>\n3.3.3. En formularios en los que haya transacciones legales o financieras que modifiquen o eliminen contenidos de bases de datos, o que env\u00eden respuestas de test, se tiene que cumplir al menos uno de estos puntos:<\/p>\n<ul>\n<li>Las acciones ser\u00e1n reversibles.<\/li>\n<li>Las acciones ser\u00e1n comprobadas para detectar errores, antes de avanzar al pr\u00f3ximo paso del proceso.<\/li>\n<li>El usuario puede revisar y confirmar o corregir la informaci\u00f3n antes de enviar.<\/li>\n<\/ul>\n<p><b>Pautas de nivel 3<\/b><br \/>\n3.3.4. Habr\u00e1 ayuda sensible al contexto en los campos de entrada de texto.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Principio 4. Robustez<\/h3>\n<p><b>Pauta 4.1. Reforzar la compatibilidad con agentes de usuario actuales y futuros (incluyendo tecnolog\u00edas asistivas)<\/b><\/p>\n<p><b>Pautas de nivel 1 <\/b><br \/>\n4.1.1. Las p\u00e1ginas del sitio y los elementos de programaci\u00f3n tienen que poder analizar sin ambig\u00fcedades, y las relaciones en la estructura de datos resultantes tampoco deben ser ambiguas.<br \/>\n4.1.2. El nombre y la funci\u00f3n de todos los elementos de la interfaz se tienen que determinar mediante programaci\u00f3n. Los valores que puedan ser determinados por el usuario tienen que ser programados, y los cambios de estos elementos tienen que poder ser detectados por los agentes de usuario, incluyendo tecnolog\u00edas asistivas.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Referencias<\/h3>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\">W3C (2008). <i>Web Content Accessibility Guidelines 2.0<\/i>.<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n Las pautas de accesibilidad al contenido en la web 2.0 (WCAG) se publican en el a\u00f1o 2008 en su versi\u00f3n definitiva, con el objetivo de sustituir las pautas 1.0, publicadas en 1999. Consisten en trece pautas, agrupadas en cuatro principios: Principio 1. Perceptibilidad Principio 2. Operabilidad Principio 3. Comprensibilidad Principio 4. Robustez Nota: El &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/disseny-centrat-en-lusuari-dcu\/accessibilitat\/pautes-daccessibilitat-wcag-2-0\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abPautas de accesibilidad 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\/es\/wp-json\/wp\/v2\/pages\/366","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=366"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":367,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/366\/revisions\/367"}],"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=366"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}