Pauta de Evaluación Accesibilidad Sitio Web Link Encuesta de Evaluación año 2013: http://www.e- encuesta.com/answer?hai=iCwx%2FPUjBncNAzNgrDXDOGGPUXrm4TvxGhzAwBuSi7Q%3D Link Encuesta de Evaluación año 2015: https://es.surveymonkey.com/s/BD86FT6 *La encuesta del año 2015 es una actualización de la encuesta del año 2013. Comenzar capturando pantalla (Programa Awesome Screenshot: “Capture entire page”). Las Notas son comentarios sobre cómo se podría implementar de mejor forma la norma correspondiente. Preguntas. I. Generales. (4) Revisar cómo se ve el sitio en distintos navegadores. Nota: Revisar en Google Chrome, Internet Explorer, Mozila Firefox. (5) Googlear institución (o palabras vinculadas, ej.: SII boleta honorarios) e identificar en qué n° de página aparece. (6) Ingresar a http://www.alexa.com/ e identificar ranking del sitio a nivel internacional. (7) Datos web master. Nota: Sólo si se encuentra disponible en el sitio. Se refiere a la persona encargada del sitio web (8) Datos contacto web Jefe de Comunicaciones. Nota: Sólo si se encuentra disponible en el sitio. (9) Plantilla Web: ¿Cómo se busca? Nota: Herramientas “Ver código fuente” Buscar: “Wordpress”; “Drupal”, “Joomla”, “CSS”.Ojo: Generalmente las páginas de sitios públicos, utilizan programación propia. (10) Google Analytic: Ingresar a “Más Herramientas”: “Ver Código Fuente”, y en la nueva página buscar: “analytic”. var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-27104477-1']); _gaq.push(['_setDomainName', 'ministeriodesarrollosocial.gob.cl']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.googleanalytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); Si no sale “google analytic”, puede que tenga otro medidor. En ese caso, consultar. Nota: No importa el orden! Solo importa que los campos marcados en el cuadro de arriba se encuentren. (11) ¿Cómo saber el n° de visitas? Nota: Sólo si está disponible en el sitio. (12) ¿Cómo saber el último desarrollo o actualización de la web? Nota: Revisar contenido del sitio, dependiendo de los últimos updates (por ejemplo, fecha de noticias o algo así), poner año. (13) Teléfono. ¿Cuál es el criterio para que sea “claramente presentado”? Nota: Que esté en la página de inicio, de preferencia arriba y abajo; sino que esté disponible un link a “Contacto/Mesa de ayuda”. Si sólo está abajo, se entiende como “claramente presentable” (pero, en las recomendaciones incluir que se debiese agregar arriba de la página de inicio, por la dificultad para acceder a teclado). Incluir en las observaciones del Power Point y no en el detalle del análisis del sitio (Acuerdo previo porque no es una norma) (14) Oficinas. ¿Cuál es el criterio para que sea “claramente presentado”? Nota: Que en la página de inicio/Contacto, estén disponibles las oficinas o un link hacia las oficinas (información de sucursales). Si está la dirección abajo también cumple, pero recomendar un link de contactos. Incluir en las observaciones del Power Point y no en el detalle del análisis del sitio (Acuerdo previo porque no es una norma) Según la cantidad de elementos que aprueben o no una norma en particular, se determinara el estado final del sitio con respecto a esa norma. CUMPLE Más del 90% de los elementos CUMPLE CON REPAROS Entre el 71% - 89% de los elementos Menos del 70% de los elementos NO CUMPLE II. Pautas de Accesibilidad para el Contenido WEB. Principio 1: Perceptible - La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos Pauta 1.1. Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple. Antes de comenzar a revisar las normas, intentar navegar con el teclado, para evaluar en términos generales qué tan accesible es el sitio web. (15) Normas de Accesibilidad 1.1.1. A. Contenido no textual: Todo contenido no textual que se presenta al usuario cuenta con una alternativa textual que sirve para un propósito equivalente, excepto en los supuestos listados. (Nivel A) Supuestos Listados: Controles, Entrada de datos, Contenido multimedia tempo dependiente, Pruebas, Sensorial, CAPTCHA , Decoración. Para la explicación de estos supuestos hacer clic aquí. Nota: Contenido no textual: imágenes (incluso imágenes de texto) botones (avanzar, retroceder, play, etc.) fotos videos (que no sean de adorno) Deben tener alternativa textual en alt, tittle, o descripción. Medios de verificación: Navegar con teclado y/o “inspeccionar elemento”. Un texto se puede reconocer cuando puede ser seleccionado letra por letra con el mouse. (16) Observaciones: No justificar cuando cumple. Pauta 1.2. Contenido multimedia dependiente del tiempo: Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo. (17) Normas Accesibilidad 1.2.1. A. Sólo audio y sólo vídeo (grabado): Para contenido sólo audio grabado y contenido sólo vídeo grabado, se cumple lo siguiente, excepto cuando el audio o el vídeo es un contenido multimedia alternativo al texto y está claramente identificado como tal: (Nivel A) - Sólo audio grabado: Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido sólo audio grabado. - Sólo vídeo grabado: Se proporciona una alternativa para los medios tempodependientes o se proporciona una pista sonora que presenta información equivalente al contenido del medio de sólo vídeo grabado. Nota: Primero, revisar si hay contenido “sólo audio” o “sólo video”. Que haya un texto (no sirve imagen de texto) que describa lo que pasa en el video (texto leíble por programa de lectura)/lo que dice audio (texto visualmente disponible en el sitio). EN AMBOS CASOS ESTÁ DISPONIBLE VISIBLEMENTE EN EL SITIO COMO UNA ALTERNATIVE DE TEXTO. Ojo: Si está disponible sólo para programa lector, y no como alternativa visible en el sitio preguntar a Tomás. (18) Observaciones: No justificar cuando cumple. (19) Normas Accesibilidad 1.2.2. A. Subtítulos (pregrabados): Se proporcionan subtítulos para todo audio pregrabado presente en un contenido multimedia sincronizado, excepto cuando tal contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. (Nivel A) Nota: Para las pistas de audio en contenido multimedia, debe haber subtítulos (sincronizados al audio). Excepción: Cuando hay una alternativa de texto al audio que describe el audio del video y se identifique como tal, también se cumple, aunque no haya un subtítulo sincronizado. Subtítulo es la transcripción de lo que se oye en el mismo video. Cuando el video es de YouTube y no cumple con la norma, dar como recomendación que existe una herramienta en YouTube para agregar subtítulos. (20) Observaciones: No justificar cuando cumple. (21) Normas Accesibilidad 1.2.3. A. Audiodescripción o alternativa multimedia (pregrabada): Se proporciona una alternativa para contenido multimedia dependiente del tiempo o una audiodescripción para el contenido de vídeo pregrabado del contenido multimedia sincronizado, excepto cuando tal contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. Nota: Para pistas de audio en contenido multimedia existe como alternativa al audio descripción (no necesariamente sincronizada al video, puede ser un mp3 alternativo). Cuando hay una alternativa de texto al audio que describe el audio del video y se identifique como tal, también se cumple, aunque no haya un audio descripción sincronizado. Ej. El señor de los anillos. (22) Observaciones: No justificar cuando cumple. (23) Normas Accesibilidad 1.2.4. A.A. Subtítulos (directo): Se proporcionan subtítulos para todo contenido de audio en directo del contenido multimedia sincronizado. (Nivel AA) Nota: Existe una alternativa de subtítulos para casos de audio en directo. (24) Observaciones: No justificar cuando cumple. (25) Normas Accesibilidad 1.2.5. A.A. Audiodescripción (pregrabada): Se proporciona una audiodescripción para todo contenido de vídeo pregrabado del contenido multimedia sincronizado. (Nivel AA) Nota: Para todas las pistas de audio en contenido multimedia existe como alternativa al audio descripción (complementaria al video, que esté sincronizado al video) (26) Observaciones: No justificar cuando cumple. Pauta 1.3. Adaptabilidad: Cree contenidos que puedan presentarse de diversas maneras (como por ejemplo una composición más simple) sin perder la información ni su estructura. (27) Normas Accesibilidad 1.3.1. A. Información y relaciones: La información, la estructura, y las relaciones transmitidas a través de la presentación pueden ser determinadas por software o se encuentran disponibles en texto. (Nivel A) Nota: Se puede determinar por software las relaciones entre los elementos de la página, por ej., se identifica los títulos y enlaces como tales (por ej. dice q es un enlace, por ej. al cambiar de sección identifica a través de títulos o de algo identificable por el software que se cambió de sección; si en un formulario hay asteriscos para marcar obligatorios, que esté cerca de éste la información sobre su función, etc.). Determinado por software: Se refiere que pueda ser identificado mediante el programa de lectura (NVDA) (28) Observaciones: No justificar cuando cumple. (29) Normas Accesibilidad 1.3.2. A. Secuencia significativa: Cuando la secuencia en que se presenta el contenido afecta a su significado, se puede determinar por software la secuencia correcta de lectura. (Nivel A) Nota: Es posible acceder a toda la información del sitio, respetando su estructura, a través del lector de pantalla. Determinado por software: accesible con el lector de pantalla. Para probar esta norma, se recomienda navegar con el teclado, y evaluar cómo se dan las relaciones entre los elementos a acceder en el sitio. Un sitio accesible es aquel en que se puede navegar por el teclado en todos sus componentes, respetando las estructuras y relaciones (Secuencia lógica: de izquierda a derecha, de arriba hacia abajo). ESTA NORMA SE CUMPLE SI EL SITIO SE PUEDE RECORRER DE IZQUIERDA A DERECHA Y DE ARRIBA A ABAJO. Ejemplo: Si lector pasa por todo el menú, y luego accede a sub menúes, sin respetar las relaciones, no se cumpliría con la norma. Cualquier duda consultar a Tomás. (30) Observaciones: No justificar cuando cumple. (31) Normas Accesibilidad 1.3.3. A. Características sensoriales: Las instrucciones que se proporcionan para comprender y operar con un contenido no confían solamente en las características sensoriales de los componentes, tales como forma, tamaño, ubicación visual, orientación o sonido. (Nivel A). Nota: Las señaléticas presentadas en el sitio no dependen exclusivamente de la percepción sensorial (por ej. un “play”, flechas para avanzar, Tamaño de letras, que distingan ciertas aplicaciones con colores –presione botón rojo…-), sino que se indica su significado. Debe haber más de una alternativa para seguir una instrucción o para operar el contenido. Ojo: en el caso de botón play, stop, “cumple con reparos”. Ejemplo: Comúnmente en la parte superior derecha salen casillas con el símbolo de Facebook, twitter etc. Estas se consideran que no cumplen la norma (suponiendo que no tienen alternativas de texto) (32) Observaciones: No justificar cuando cumple. Pauta 1.4 Distinguible: Haga más fácil para los usuarios ver y oír el contenido, incluyendo la separación entre primer plano y fondo. (33) Normas Accesibilidad 1.4.1. El color no se emplea como el único medio visual para transmitir una información, indicar una acción, provocar una respuesta o distinguir visualmente un elemento. (Nivel A). Nota: Este criterio de éxito trata específicamente acerca de la percepción del color. Otras formas de percepción se cubren en la Pauta 1.3, que incluye el acceso programado al color y a otros códigos de presentación visual. No se entrega instrucciones usando color como criterio. Si esta falla, entonces la 1.3.3.A falla sí o sí. Ejemplo: Presione botón rojo; siga flecha verde. (34) Observaciones: No justificar cuando cumple. (35) Normas Accesibilidad 1.4.2.A. Control del audio: Si el audio de una página web suena automáticamente durante más de 3 segundos, se proporciona ya sea un mecanismo para pausar o detener el audio, o un mecanismo para controlar el volumen del sonido que es independiente del nivel de volumen global del sistema. Nota: Criterios: (1) Audio automático –o video- al ingresar a un sitio. (2) Entrega alternativa para detener o regular volumen y qué tan fácil es realizarlo. Ejemplo: Si comienza un audio que tiene opción “stop”, pero está al final, es difícil acceder con navegador, poner que cumple con reparos-. (36) Observaciones: No justificar cuando cumple. (37) Normas Accesibilidad 1.4.3.A. Contraste (mínimo): La presentación visual del texto y las imágenes de texto tienen una relación de contraste de al menos 4.5:1, excepto para los siguientes casos: (Nivel AA) (a) Gran tamaño: El texto a gran tamaño y las imágenes de texto a gran tamaño tienen una relación de contraste de al menos 3:1. (b) Incidental: El texto o las imágenes de texto que son parte de un componente de interfaz de usuario inactivo, que son pura decoración, que no son visibles para nadie o que son parte de una imagen cuyo contenido significativo es otro contenido visual, no tienen un requisito mínimo de contraste. (c) Logotipos: El texto que es parte de un logo o de un nombre de marca no tiene un requisito mínimo de contraste. Nota: Utilizar programa Colour_Contrast_Analyser sobre las partes en que hay contraste. Sólo debe cumplir el “AA”. Diferenciar si pasa o no según tamaño de letra. En el caso a continuación sólo pasaría si es letra grande. (38) Observaciones: No justificar cuando cumple. (39) Normas de Accesibilidad 1.4.4. AA. Cambio de tamaño del texto: A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el contenido o la funcionalidad. (Nivel AA) Nota: Instalar Extensión de Google Chrome: “Pendule” “View CSS” del sitio Buscar: “Font-size” (tamaño del texto): ahí debe indicar medidas en “%” o “em” y no “pt” o “px”. Dejar en claro que esta norma se refiere a que el tamaño de la fuente (en el código) este expresado en %. Ejemplo: “El valor del tamaño del texto está definido con un valor fijo de la forma ej. “font-size =16px”. Se recomienda cambiar a porcentajes: ej. “font-size=110%” (40) Observaciones: No justificar cuando cumple. (41) Normas de Accesibilidad 1.4.5. AA. Imágenes de texto: Si con las tecnologías empleadas se puede lograr la presentación visual deseada, se prefiere emplear texto para transmitir la información antes que imágenes de texto excepto para los siguientes casos: (Nivel AA): (a) Personalizable: La imagen de texto puede ser visualmente personalizada según los requisitos del usuario; (b) Esencial: La presentación de un texto en particular es esencial para la información que se está transmitiendo. Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales. Nota: Es preferible tener texto que imágenes de texto. (42) Observaciones: No justificar cuando cumple. Principio 2: Operabilidad: Los componentes de la interfaz de usuario y la navegación deben ser operables. Pauta 2.1. Accesible a través del teclado: Haga que toda funcionalidad esté disponible a través del teclado. (43) Normas de Accesibilidad 2.1.1.A. Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final. (Nivel A). Nota 1: Esta excepción se refiere a la función subyacente, no a la técnica de entrada de datos. Por ejemplo, si la entrada de texto se hace por medio de escritura a mano, la técnica de entrada (escritura a mano) depende del trazo (ruta trazada) pero la función interna (introducir texto) no. Nota 2: Esto no prohíbe ni debería desanimar a los autores a proporcionar entrada de ratón u otros métodos de entrada de datos adicionales a la operabilidad a través del teclado. Nota: Esta norma se mide al navegar por el sitio, no al ingresar datos (es la excepción). Esta norma se cumple cuando es posible navegar el sitio con el teclado sin que se requiera una velocidad para a pulsación. Ejemplo: Si estoy en el carrusel de imágenes, que la imagen cambie cuando yo lo indique con el teclado: se pausa el carrusel al navegar con teclado. (44) Observaciones: No justificar cuando cumple. (45) Normas Accesibilidad 2.1.2. (A). Sin trampa de teclado: Si el foco puede moverse a un componente de la página por medio de una interfaz de teclado, u otro método de salida estándar, entonces el foco puede moverse fuera de ese componente empleando simplemente la misma interfaz de teclado y, si para ello se necesita algo más que la simple flecha o techa de tabulación, entonces se avisa al usuario del método con el que mover el foco. (Nivel A). Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si cumple o no con otros criterios de éxito) debe satisfacer este criterio. Nota: Es posible navegar con el teclado sin caer en trampas. Foco: Marca que indica en parte de la página se encuentra cuando navega con el teclado. Ejemplo: En carrusel de imágenes o cajas de tweet. Aunque se pueda salir de las cajas de Tweet, si no da la opción de entrar o no entrar con el teclado también es una trampa. (46) Observaciones: No justificar cuando cumple. Pauta 2.2. Tiempo suficiente: Proporcione a los usuarios el tiempo suficiente para leer y usar un contenido. (47) Normas Accesibilidad 2.2.1 (A). Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos: (Nivel A) Apagar: El usuario puede detener el límite de tiempo antes de alcanzar el límite de tiempo; o Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en un rango amplio que es, al menos, diez veces mayor al tiempo fijado originalmente; o Extender: Se advierte al usuario antes de que el tiempo expire y se le conceden al menos 20 segundos para extender el límite temporal con una acción simple (por ejemplo, "presione la barra de espacio") y el usuario puede extender ese límite de tiempo al menos diez veces; o Excepción de tiempo real: El límite de tiempo es un requisito que forma parte de un evento en tiempo real (por ejemplo, una subasta) y no resulta posible ofrecer una alternativa al límite de tiempo; o Excepción por ser esencial: El límite de tiempo es esencial y, si se extendiera, invalidaría la actividad; o Excepción de 20 horas: El límite de tiempo es mayor a 20 horas. Nota: Este criterio de conformidad ayuda a asegurarse de que los usuarios puedan completar una tarea sin cambios inesperados en el contenido o contexto que sean el resultado de un límite de tiempo. Este criterio de conformidad debe considerarse en combinación con el Criterio de Conformidad 3.2.1, que impone límites a los cambios de contenido o contexto como resultado de una acción del usuario. Nota: Existe un botón que permite apagar, ajustar o extender los contenidos que son TEMPODEPENDIENTES, QUE NECESARIAMENTE DEPENDEN DEL TIEMPO (ej. carrusel de imágenes, videos). (48) Observaciones: No justificar cuando cumple. (49) Normas Accesibilidad 2.2.2 (A). Poner en pausa, detener, ocultar: Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes: (Nivel A) Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza, que: (1) comienza automáticamente (2) dura más de cinco segundos (3) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, a menos que el movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; y Actualización automática: Para toda información que se actualiza automáticamente, que: (1) se inicia automáticamente (2) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización a menos que la actualización automática sea parte esencial de una actividad. Nota 1: Para los requisitos relacionados con el parpadeo o el destello de contenido, véase la Pauta 2.3. Nota 2: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Nota 3: Para el contenido que es actualizado periódicamente por medio de un software, o que se sirve a la aplicación de usuario por medio de streaming, no hay obligación de preservar o presentar la información que ha sido generada o recibida entre el inicio de la pausa y el reinicio de la presentación; no sólo podría no ser técnicamente posible, sino que además en muchas ocasiones podría ser erróneo o engañoso hacerlo. Nota 4: Una animación que ocurre como parte de una fase de precarga de un contenido o una situación similar puede ser considerada esencial si no se permite interacción a ningún usuario durante esa fase, y si el hecho de no indicar el progreso pudiera confundir a los usuarios y hacerles creer que ha habido un fallo en el contenido. Nota: Para todo contenido con movimiento, parpadeos, que se desplaza o actualiza automáticamente (video, carruseles de imágenes, publicidad, audios, etc) existe la posibilidad de pausar-detener u ocultar. Ojo: No necesariamente es tempodependiente. Ejemplo: NO ES SÓLO VIDEO O CARRUSEL, POR EJEMPLO, BANDA DE TWITTER, PUBLICIDAD QUE AVANZA. (50) Observaciones: No justificar cuando cumple. Pauta 2.3. Convulsiones: No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones. (51) Normas Accesibilidad 2.3.1. (A). Umbral de tres destellos o menos: Las páginas web no contienen nada que destelle más de tres veces en un segundo, o el destello está por debajo del umbral de destello general y de destello rojo. (Nivel A). Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Nota: Utilizar herramienta: “PEAT” que mide la cantidad de destellos. “Capture”: “Start Capture”; ingresar el link. (52) Observaciones: No justificar cuando cumple. Pauta 2.4. Navegable: Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran. (53) Normas Accesibilidad 2.4.1. (A). Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web. (Nivel A) Nota: Bloque: “Bloque de navegación”, “Bloque de accesos laterales”, “Bloque de carrusel”. Existe un mecanismo que permita al usuario ingresar directamente al contenido, saltando bloques “más típicos” de sitios, como “bloque de menú”, “bloque con cajas de redes sociales”. Ejemplo: Que exista un botón que diga acceder al contenido. Que permita ingresar a submenús cuando uno lo desee. (54) Observaciones: No justificar cuando cumple. (55) Normas Accesibilidad 2.4.2. A. Titulado de páginas: Las páginas web tienen títulos que describen su temática o propósito. (Nivel A) Nota: Salir del home, y revisar si las páginas internas tienen títulos vinculados a su temática. Sólo títulos de páginas, no de secciones. (56) Observaciones: No justificar cuando cumple. (57) Normas Accesibilidad 2.4.3. A. Orden del foco: Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad. Nota: Que al navegar por el teclado no se salte información del sitio. Y que el orden en el que se recorre el sitio no sea confuso. Aparte que el foco conserve el orden lógico, es necesario que el sitio sea operable (que se pueda ingresar a sub menu, que se pueda acceder al carrusel de imágenes). (58) Observaciones: No justificar cuando cumple. (59) Normas Accesibilidad 2.4.4. A. Propósito de los enlaces (en contexto): El propósito de cada enlace puede ser determinado con sólo el texto del enlace o a través del texto del enlace sumado al contexto del enlace determinado por software, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general. Nota: Cada Link se explique por sí solo. Ejemplo: Si una imagen que funciona como link debe tener una explicación sobre su contenido. Se debe repasar los menús y las imágenes texto que expliquen el propósito del enlace. (60) Observaciones: No justificar cuando cumple. (61) Normas Accesibilidad 2.4.5. A. Múltiples vías: Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas web, excepto cuando la página es el resultado, o un paso intermedio de un proceso Nota: Existe mapa del sitio u otro mecanismo de acceso alternativo a sitios internos. Si no se puede acceder a través de “Buscar” a todo el sitio. Ejemplo: Cuando hay menús laterales. (62) Observaciones: No justificar cuando cumple. (63) Normas Accesibilidad 2.4.6. A. Encabezados y etiquetas: Los encabezados y etiquetas describen el tema o propósito. Nota: Fijarse si esto se cumple en los Links o Noticias. (64) Observaciones: No justificar cuando cumple. (65) Normas Accesibilidad 2.4.7. A. Foco visible: Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el indicador del foco del teclado resulta visible. Nota: Foco del navegador con teclado es visible. (66) Observaciones: No justificar cuando cumple. (67) Normas Accesibilidad 3.1.1 Idioma de la página: El idioma predeterminado de cada página web puede ser determinado por software. (Nivel A) Nota: Abrir el código fuente del sitio, si en el comienzo del código se encuentra (lang=”esp”) el idioma está declarado. (68) Observaciones: No justificar cuando cumple. (69) Normas Accesibilidad 3.1.2 Idioma de las partes: El idioma de cada pasaje o frase en el contenido puede ser determinado por software, excepto los nombres propios, términos técnicos, palabras en un idioma indeterminado y palabras o frases que se hayan convertido en parte natural del texto que las rodea. (Nivel AA) Nota: Si hay un cambio de idioma en el sitio web, tiene que estar declarado igual que en la pregunta anterior. Si no hay un cambio de idioma y la pregunta anterior CUMPLE, esta norma también cumpliría. (70) Observaciones: No justificar cuando cumple. (71) Normas Accesibilidad 3.2.1 Al recibir el foco: Cuando cualquier componente recibe el foco, no inicia ningún cambio en el contexto. (Nivel A) (72) Observaciones: No justificar cuando cumple. (73) Normas Accesibilidad 3.2.2 Al recibir entradas: El cambio de estado en cualquier componente de la interfaz de usuario no provoca automáticamente un cambio en el contexto a menos que el usuario haya sido advertido de ese comportamiento antes de usar el componente. (Nivel A) Nota: Cualquier cambio automático en el sitio es predecible o está explicado. Ejemplo: Si aprieto un botón y descarga un documento, que se indique; si aprieto un botón y es un link que me va a direccionar a otra página que lo indique. (74) Observaciones: No justificar cuando cumple. (75) Normas Accesibilidad 3.2.3 Navegación coherente: Los mecanismos de navegación que se repiten en múltiples páginas web dentro de un conjunto de páginas web aparecen siempre en el mismo orden relativo cada vez que se repiten, a menos que el cambio sea provocado por el propio usuario. (Nivel AA) Nota: Las cosas que son comunes en la mayoría de las páginas, sigan estando donde corresponde. Al decir “mayoría de las páginas” nos referimos a las diferentes páginas de un mismo sitio web. Ejemplo: Que los mecanismos dentro del mismo sitio no cambien. Por ejemplo que si dice “ver más” al final de una noticia que después no diga “leer más”. (76) Observaciones: No justificar cuando cumple. (77) Normas Accesibilidad 3.2.4 Identificación coherente: Los componentes que tienen la misma funcionalidad dentro de un conjunto de páginas web son identificados de manera coherente. (Nivel AA) Nota: Los símbolos o imágenes que se tienden a repetir en distintos sitios con cierta funcionalidad (por ej., redes sociales, play, página siguiente, lupa para buscar, etc.) se respetan. Ojo que deben coincidir en las alternativas de texto. Ejemplo: Que el titulo para descargar un documento sea “descargar” o “bajar” como comúnmente es, y que la alternativa textual sea “descargar + título abreviado” (78) Observaciones: No justificar cuando cumple. (79) Normas Accesibilidad 3.3.1 Identificación de errores: Si se detecta automáticamente un error en la entrada de datos, el elemento erróneo es identificado y el error se describe al usuario mediante un texto. (Nivel A) Nota: Este Criterio no significa que el color de texto o estilos no se pueden utilizar para indicar errores. Simplemente se requiere que los errores también pueden identificar usando texto. En este ejemplo, dos asteriscos se utilizan además de color. Nota: Al ingresar información al sitio, éste indica cuando hay error y la casilla específica en que se cometió. Ejemplo: Se le pide al usuario para completar un sencillo formulario que pide información personal como nombre, dirección, número de teléfono, preferencias de asiento y dirección de correo electrónico. Si alguno de los campos del formulario, o bien no completaron o terminaron de forma incorrecta, se muestra una alerta que notifica al usuario que campo o campos faltaban o incorrecta. (80) Observaciones: No justificar cuando cumple. (81) Normas Accesibilidad 3.3.2 Etiquetas o instrucciones: Se proporcionan etiquetas o instrucciones cuando el contenido requiere la introducción de datos por parte del usuario. (Nivel A) Nota: Cuando se deben ingresar datos, existe un texto con instrucciones claras (Nombre; Apellido, Fecha -indicar el formato de fecha-, si es una región indicar los números de regiones, comunas por región, etc.). El buscador que comúnmente tienen los sitios web también sirve para probar esta norma. Ejemplo: Un campo para introducir una fecha inicial contiene texto que indica el formato correcto para la fecha. (82) Observaciones: No justificar cuando cumple. (83) Normas Accesibilidad 3.3.3 Sugerencias ante errores: Si se detecta automáticamente un error en la entrada de datos y se dispone de sugerencias para hacer la corrección, entonces se presentan las sugerencias al usuario, a menos que esto ponga en riesgo la seguridad o el propósito del contenido. (Nivel AA) Nota: Cuando existe un error al ingresar datos, que de recomendaciones de correcciones (intente con: "mes"; intente con letra; etc). Si se prueba esta norma en el buscador y se busca una palabra que no encuentra el buscador, que diga “no se encontró resultado, pruebe con otra palabra”. (84) Observaciones: No justificar cuando cumple. (85) Normas Accesibilidad 3.3.4 Prevención de errores (legales, financieros, datos): Para las páginas web que representan para el usuario compromisos legales o transacciones financieras; que modifican o eliminan datos controlables por el usuario en sistemas de almacenamiento de datos; o que envían las respuestas del usuario a una prueba, se cumple al menos uno de los siguientes casos. (Nivel AA) Reversible: El envío es reversible. Revisado: Se verifica la información para detectar errores en la entrada de datos y se proporciona al usuario una oportunidad de corregirlos. Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la información antes de finalizar el envío de los datos. (86) Observaciones: No justificar cuando cumple. (87) Normas Accesibilidad 4.1.1 Procesamiento: En los contenidos implementados mediante el uso de lenguajes de marcas, los elementos tienen las etiquetas de apertura y cierre completas; los elementos están anidados de acuerdo a sus especificaciones; los elementos no contienen atributos duplicados y los ID son únicos, excepto cuando las especificaciones permitan estas características. (Nivel A) Nota: Las etiquetas de apertura y cierre a las que les falte un carácter crítico para su formación, como un signo de "mayor qué", o en las que falten las comillas de apertura o cierre en el valor de un atributo, no se consideran completas. Nota: Pasar el sitio web por validador automático, se recomienda usar “Validator.w3.org”. Dependiendo de la cantidad de errores ver si cumple, no cumple etc. El criterio a utilizar en esta pregunta fue el siguiente: De 0 a 20 errores: CUMPLE De 21 a 50 errores: CUMPLE CON REPAROS Más de 50 errores: NO CUMPLE Ejemplo: (88) Observaciones: No justificar cuando cumple. (89) Normas Accesibilidad 4.1.2 Nombre, función, valor: Para todos los componentes de la interfaz de usuario (incluyendo pero no limitado a: elementos de formulario, enlaces y componentes generados por scripts), el nombre y la función pueden ser determinados por software; los estados, propiedades y valores que pueden ser asignados por el usuario pueden ser especificados por software; y los cambios en estos elementos se encuentran disponibles para su consulta por las aplicaciones de usuario, incluyendo las ayudas técnicas. (Nivel A) Nota: Este criterio de conformidad se dirige principalmente a los autores web que desarrollan o programan sus propios componentes de interfaz de usuario. Por ejemplo, los controles estándar de HTML satisfacen automáticamente este criterio cuando se emplean de acuerdo con su especificación. Nota: Esta pregunta se considera como una visión general del sitio, para verificar esta norma fijarse en cómo está el código y como ha sido la evaluación del sitio en general para decidir. Ejemplo: