• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Taller de introducción a la accesibilidad web
 

Taller de introducción a la accesibilidad web

on

  • 554 views

Taller de introducción a la accesibilidad web realizado en Redesuy para personas con o

Taller de introducción a la accesibilidad web realizado en Redesuy para personas con o

Statistics

Views

Total Views
554
Views on SlideShare
406
Embed Views
148

Actions

Likes
0
Downloads
8
Comments
0

2 Embeds 148

http://www.redesuy.org 146
http://yocomotu.org 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Introduction to UI and UI components Modeling of users Task modeling Iterative design Writing usable documentation User interface metrics Testing with users
  • La primera evaluación a realizar debe ser utilizando herramientas automáticas, porque es la más objetiva, rápida y económica. En Internet existen disponibles una serie de herramientas gratuitas para validar distintos aspectos de la accesibilidad como el cumplimiento de estándares, el cumplimiento de pautas y de aspectos específicos de la accesibilidad, así como simuladores de discapacidades y de otras tecnologías. Estas evaluaciones se aplican en prototipos y versiones de la solución.
  • La validación de estándares (X)HTML es recomendada en la Pauta 4.1 de accesibilidad de la WCAG2.0. Es más fácil realizar correcciones y modificaciones a un código bien formado y prolijo, por lo que se recomienda comenzar con la validación de HTML. Además, validar el código de las páginas garantiza la portabilidad a distintos dispositivos y mejora la indexación en buscadores. W3C dispone del servicio en línea gratuito de validación
  • El uso de CSS brinda flexibilidad para modificar el diseño fácilmente, rapidez para descargar las páginas, se genera un código HTML independiente del diseño lo que facilita su interpretación por medio de ayudas técnicas, entre otros beneficios. La validación de hojas de estilo contribuirá a mejorar la mantenibilidad del código además de garantizar la portabilidad del portal, ya que evitará que se use código no estándar propietario de algún navegador que no funcione en otro navegador. W3C dispone del servicio en línea para validar la gramática del código de los archivos CSS
  • Existen herramientas que ayudan a evaluar ciertos aspectos de la accesibilidad. Los validadores automáticos de accesibilidad revisan puntos conflictivos con la accesibilidad según pautas y estándares, y presentan un informe con los resultados. No es posible realizar una evaluación completa utilizando solamente herramientas automáticas, ya que algunos aspectos de la accesibilidad requieren una evaluación manual humana. Por otro lado, el evaluador se puede encontrar con falsos positivos y falsos negativos. La herramienta puede indicar que una página no contiene barreras y en una evaluación manual se detectan, o al contrario, la herramienta detecta algun problema que al revisar un experto encuentra que no existe. Se sugiere realizar la evaluación automática con al menos dos herramientas para cubrir los problemas detectables automáticamente.
  • Existen herramientas que ayudan a evaluar ciertos aspectos de la accesibilidad. Los validadores automáticos de accesibilidad revisan puntos conflictivos con la accesibilidad según pautas y estándares, y presentan un informe con los resultados. Brindan además información relacionada que ayudará a los técnicos a comprender el problema y buscar soluciones. No es posible realizar una evaluación completa utilizando solamente herramientas automáticas. Por otro lado, el evaluador se puede encontrar con falsos positivos y falsos negativos. La herramienta puede indicar que una página no contiene barreras y en una evaluación manual se detectan, o al contrario, la herramienta detecta algun problema que al revisar un experto encuentra que no existe. Se sugiere realizar la evaluación automática con al menos dos herramientas para cubrir los problemas detectables automáticamente. Estas son algunas de las herramientas que se pueden utilizar para este tipo de evaluaciones de Accesibilidad: TAW, Test de Accesibilidad Web y examinator son herramientas en línea gratuitas de evaluacion de pautas WCAG 2.0. La ventaja de Total validator es que puedes descargarla en tu pc para evaluar prototipos que no tienen una dirección pública para ser accedidas desde Internet.

Taller de introducción a la accesibilidad web Taller de introducción a la accesibilidad web Presentation Transcript

  • Accesibilidad IntroducciónDisclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a losautores originales y presentarlo en un formato apropiado para servir de apoyo. No obstante, esta presentación puede contener opiniones delautor (en lo posible, pocas...).
  • Componentes de la accesibilidad webUsuarios Autores
  • Limitaciones en el acceso a la web (1)Discapacidades Visuales• Ceguera, baja visión, problemas para distinguir colores.• Imágenes sin alternativa textual• Imágenes complejas sin descripción• Fuentes de texto con medidas absolutas• Falta de contraste en colores• Información transmitida con colores
  • Limitaciones en el acceso a la web (2)Discapacidades Auditivas• Sordera parcial o total• Falta de alternativas textuales a información sonora• Lenguaje no claro
  • Limitaciones en el acceso a la web (3)Discapacidades Motrices• Dificultad o imposibilidad de mover las manos, temblores o lentitud muscular etc.• Tiempo limitado de espera de respuesta• No soporte de alternativas de teclado
  • Limitaciones en el acceso a la web (4)Discapacidades Cognitivas• Dificultad de aprendizaje (Dislexia) o discapacidades cognitivas que afecten la memoria, la atención, las habilidades lógicas etc.• Textos no claros• Dificultades en la navegación• Única forma de transmitir información
  • Limitaciones en el acceso a la web (5)• Limitaciones asociadas con la edad avanzada • Visión, audición, motrices, memoria• Limitaciones Tecnológicas • Tecnología antigua o muy nueva, • Limitaciones de ancho de banda, • Uso de computadora con limitaciones de administración
  • Accesibilidad UniversalOpción 1Opción 1 Versus Opción 2 Opción 2
  • La accesibilidad nos beneficia a TODOS• No solo beneficia a personas con discapacidad• También beneficia a usuarios: – De edad avanzada – Con conexiones lentas o tecnologías antiguas – Con tecnologías muy nuevas – Operen en contextos no ideales – Con bajo nivel de alfabetización o que no hablan el idioma – Nuevos o poco frecuentas
  • ¿Por qué hacer una web accesible?• La accesibilidad es rentable• Mayor Público Objetivo• Reducción del tiempo de carga• Mejora en la usabilidad• Mejora en la indexación• Usuario ciego más famoso: GOOGLE• Independencia de dispositivo• Demostrar Responsabilidad Social• Reducir la Responsabilidad Legal Qué tal preguntarnos: Por que no hacerlo???
  • Además …• No es difícil• No es más costoso• No implica diseños primitivos, feos, simples• No implica crear versionesUn requisito más desde el inicio del proyecto a lo largo de todo el proyecto por todos los involucrados.
  • Accesibilidad WebLa posibilidad que recursos web(información y servicios) puedan serutilizados de forma satisfactoria por elmayor número posible de personas,independientemente de laslimitaciones personales o delimitaciones derivadas de su entorno,sean éstas de carácter físico, mental,educativo, familiar o socio-económico.
  • Diseño Universal• La accesibilidad se sustenta en una serie de premisas llamadas principios del diseño para todos o diseño universal.• Objetivo: el diseño de productos y entornos de fácil uso para el mayor número posible de personas, sin la necesidad de adaptarlos o rediseñarlos de una forma especial.• Sirven para orientar el proyecto entero, desde su conceptualización, alcance y las especificaciones
  • ¿Por donde empezar?
  • Principios, pautas y criterios de conformidad de WCAG 2.0 44 12 12 61 61 Principios Principios Pautas Pautas Criterios de Criterios de conformidad conformidad Conceptos Objetivos Básicos Requisitos concretos a fundamentales cumplir, testeables Niveles de Accesibilidad • Perceptible • Operable • Comprensible • Robusto
  • Documentos complementarios WCAG 2.0 Pautas de accesibilidad de contenido web Ejemplo 1 Pautas onlineComo Cumplir Como Cumplir Técnicas Técnicas Comprender ComprenderHow to meet Techniques for Understanding WCAG2.0 WCAG 2.0 WCAG2.0
  • Algunos criterios importantes al ingresar contenido
  • ¿Qué descripción le pondrías?1 2 3 Ejercicio 14 5 6 Ítem 1 Ítem 2
  • Una posible solución…1 2 3 Ejercicio 1 alt = “¡Importante!” alt = “En formato pdf” alt = “ Gatito”4 5 6 Ítem 1 Ítem 2 alt = “3 años de alt= "Introduzca las letras alt = “” de la imagen" garantía”
  • Si la imagen necesita más descripción... Ejemplo: <img src="grafico1.gif“ alt = "Variación porcentual en el incremento de colombianos y ecuatorianos en España. 1998 - 2007.“ longdesc="grafico1.html" />
  • Perceptible | Operable | Distinguible | Robusto 1.2 Medios TempodependientesProveer alternativas para multimediaCinco medidas de accesibilidad diferentes: • Transcripción textual: descripciones tanto de la parte visual como Que nos marcan? de la parte auditiva • Subtítulos Mapa conceptual? • Audiodescripción Cómo profundizo después de esta clase? • Audiodescripción ampliada • Interpretación en lengua de señas
  • Evaluación de accesibilidad
  • Evaluación de accesibilidad • Objetiva, rápida y económica. • Validar de estándares, pautas y aspectos específicos de la accesibilidad. • Utilizar simuladores de discapacidades y de otras tecnologías. • Evaluación manual utilizando herramientas y un checklist de apoyo. • Limitar o modificar alguna habilidad física o sensorial: •guantes gruesos para limitar la destreza manual •lentes o venda para limitar la visión •tecnologías de apoyo como lectores de pantalla o punteros bucales. • No evalúan la conformidad con las pautas, detectan barreras.
  • Evaluaciones automáticas• Objetiva• Rápida• Económica• Utilizando herramientas gratuitas – Estándares W3C – Pautas WCAG
  • Evaluaciones automáticas >>Estándares Recomendado en Pauta 4.1 de WCAG 2.0• Gramática (X)HTML – Garantiza portabilidad – Facilita mantenibilidad del código
  • Evaluaciones automáticas >>Estándares Recomendado en Pauta 4.1 de WCAG 2.0• Hojas de Estilos CSS – Garantiza portabilidad – Facilita mantenibilidad del código
  • Evaluaciones automáticas >>Pautas de Accesibilidad • Herramientas evalúan ciertos aspectos de la accesibilidad • Algunos aspectos no son automatizables • No es una evaluación completa • Tener en cuenta: falsos positivos y negativos • Utilizar al menos dos herramientas
  • Evaluaciones automáticas >>Pautas de Accesibilidad http://www.tawdis.net/ http://examinator.ws/ http://www.totalvalidator.com/
  • Cumplir las pautas no es lo mismo que ser accesibleUn portal web... • Puede cumplir con todas las pautas • Puede pasar todos los test automáticos • Puede parecer accesibleSin embargo ... • Puede seguir teniendo barreras de accesoEntonces... • El objetivo no es cumplir pautas, sino ser accesible • Las pautas son herramientas para llegar a la accesibilidad • Es necesario realizar pruebas manuales y test de usuarios • Información de contacto para que el usuario reporte barreas de acceso.