28
Paseo Bonanova, 9 - 08022 Barcelona - T. 932 541 530 Fortuny, 3 - 28010 Madrid - T. 917 021 645 [email protected] - www.nextret.net Technology BootCamp 2009 Accesibilidad y Usabilidad en el diseño Web.

Accesibilidad y usabilidad

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Accesibilidad y usabilidad

Paseo Bonanova, 9 - 08022 Barcelona - T. 932 541 530Fortuny, 3 - 28010 Madrid - T. 917 021 645

[email protected] - www.nextret.net

Technology BootCamp 2009

Accesibilidad y Usabilidad en el diseño Web.

Page 2: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20092/32

Índice

Definición de accesibilidad web Dificultades de acceso a la web de algunos colectivos Consecuencias de la NO ACCESIBILIDAD en un sitio web Cómo acceden las personas con discapacidad a la Web Beneficios de ofrecer contenidos accesibles Normativa y legislación en materia de accesibilidad W3C y WAI trabajando en pro de la accesibilidad Pautas de Accesibilidad al Contenido en la Web (WCAG) Principios básicos para generar contenidos accesibles Técnicas y herramientas para evaluar la accesibilidad web Integración de la experiencia de usuarios en el desarrollo de contenidos

basados en la web Usabilidad y accesibilidad: conceptos relacionados.

Page 3: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20093/32

Definición de accesibilidad web

Grado con el que puede utilizarse un sitio web con independencia de las capacidades físicas y técnicas del usuario.

No hay que limitar su ámbito de aplicación al de aquellas personas con discapacidad (física, psíquica o sensorial).

El Tiene su aplicación en el desarrollo de sitios web de forma que los usuarios no se vean en la imposibilidad de acceder a la información debido al software de navegación o los dispositivos de entrada/salida empleados (PC, mòbil, sistema operatiu, ...)

La accesibilidad puede ser directa (la página ya es accessible) o diferida (mediante ayudas técnicas).

Page 4: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20094/32

Dificultades de acceso a la web de algunos colectivos

En Internet, muchos usuarios operan en situaciones diferentes a las que podamos imaginar:

Pueden no ser capaces de ver, escuchar, moverse o pueden no ser capaces de procesar algunos tipos de información. Pueden tener dificultad en la lectura o comprensión de un texto. No tienen por qué tener o ser capaces de usar un teclado o un ratón. Pueden tener una pantalla que sólo presenta texto, una pantalla pequeña o una conexión lenta a Internet. Pueden no hablar o comprender con fluidez el idioma en que esté redactado el documento. Pueden tener una versión anterior del navegador, un navegador completamente diferente, un navegador de voz o un sistema operativo distinto.

Page 5: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20095/32

Dificultades de acceso a la web de algunos colectivos

Personas con problemas de interacción:

personas mayores de 65 años. personas con discapacidades importantes. Niños. personas discapacitadas temporalmente.

30% de la población mundial, unos 1.714 millones.Unió Europea: (Datos de la UE sin contar las nuevas incorporaciones)

Personas discapacitadas:• Aprox. 50 millones de personas (un 15% de la població).

Personas mayores de 65 años:• Aprox. 100 millones de personas.

Page 6: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20096/32

Cómo acceden las personas con discapacidad a la Web

Page 7: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20097/32

Consecuencias de la NO ACCESIBILIDAD en un sitio web

Cuando afectan a las capacidades físicas, podrían resumirse en una sola palabra: discriminación.

No acceso a información relacionada con el empleo: empleados minusválidos que no pueden realizar su trabajo en la empresa por tener aplicaciones o una intranet inaccesible. No acceso a información sobre actividades cívicas y relacionadas con el ejercicio de los derechos ciudadanos. No acceso a programas educativos. No acceso al comercio en la red. No acceso a información general de la Web y, en general, cierto estado de desconexión e incomunicación. Sanciones económicas importantes desde el 01/01/2009.

Page 8: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20098/32

Consecuencias de la NO ACCESIBILIDAD en un sitio web

Page 9: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 20099/32

Beneficios de ofrecer contenidos accesibles

El ofrecer contenidos accesibles e implementar sitios web accesibles mejorará:

La manejabilidad de los sitios Web para los usuarios sin discapacidad. Los sitios son más fácilmente navegables y se puede acceder a ellos a

través de una diversidad de dispositivos y no sólo desde el tradicional navegador gráfico de sobremesa.

Un sitio web accesible es un sitio web robusto y con un menor coste de mantenimiento.

Un sitio web con código limpio también es más accesible a los motores de búsqueda.

Y la cuestión económica: si mucha audiencia que, por problemas a la hora de navegar e interactuar por los sitios Web, no puede acceder a ciertos servicios, supondrá una pérdida de clientes e imposibilitará la captura de nuevos clientes potenciales, como sería el sector de la discapacidad.

Page 10: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200910/32

Normativa y legislación en materia de accesibilidad

ISO 16071:2002 Esta norma abarca la accesibilidad de las interfaces humano-ordenador, dentro de la

ergonomía humano-sistema. Es la norma de referencia a nivel internacional.

AENOR UNE 139802:2003 "Aplicaciones informáticas para personas con discapacidad. Requisitos de

accesibilidad al ordenador. Software ." Anula la norma anterior UNE 139802:1998 EX. Esta norma comparte muchos puntos de comprobación con la norma ISO.

Norma Microsoft: Designed for Windows Breve conjunto de pautas de accesibilidad orientadas hacia Windows XP.

Pautas IBM Pautas independientes de plataforma y más completas que las de Microsoft.

Pautas del Departamento de Educación de EEUU "Requisitos para el diseño de tecnología electrónica y de la información accesibles"

del Departamento de Educación de Estados Unidos, versión 2.0 Esta norma es de obligatorio cumplimiento por aplicaciones de software adquiridas por dicho departamento del gobierno federal por las provisiones de la sección 508 de la "Rehabilitation Act" (Ley de la Rehabilitación) de 1973.

Page 11: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200911/32

Normativa y legislación en materia de accesibilidad. Normativa Española. (http://www.sidar.org/recur/direc/legis/espa.php )

Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las Condiciones Básicas para el Acceso de las Personas con Discapacidad a las Tecnologías, Productos y Servicios Relacionados con la Sociedad de la Información y Medios de Comunicación Social.

Ley 11/2007, de 22 de junio. Acceso electrónico de los ciudadanos a los Servicios Públicos.

Ley 49/2007, de 26 de diciembre, por la que se establece el régimen de infracciones y sanciones en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad.

Las infracciones se clasifican en: leves: irregularidades meramente formales graves: el incumplimiento de las exigencias de accesibilidad muy graves: "el incumplimiento por parte de las personas obligadas de las normas

legales sobre accesibilidad en la planificaciÛn, diseño y urbanización de los entornos, productos y servicios a disposición del público que impida el libre acceso y utilización regulares por las personas con discapacidad".

Page 12: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200912/32

W3C y WAI trabajando en pro de la accesibilidad

El Consorcio World Wide Web (W3C) es una asociación internacional formada por organizaciones miembro del consorcio, personal y el público en general, que trabajan conjuntamente para desarrollar estándares Web. La misión del W3C es:

El W3C crea Estándares Web y Pautas para alcanzar su objetivo, como son las Recomendaciones del W3C.

Al Guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web.

El W3C centra su trabajo en desarrollar tareas de educación y difusión, y en el desarrollo de software, ofreciendo a su vez un foro abierto para hablar sobre la Web.

Al publicar estándares abiertos (no propietarios) para lenguajes Web y protocolos, el W3C busca evitar la fragmentación del mercado y, por lo tanto, de la Web.

Page 13: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200913/32

W3C y WAI trabajando en pro de la accesibilidad

Web accesibility initiative, WAI, comisión de expertos el W3C.

Para los desarrolladores de sitios web, las más importantes, centradas en el contenido, son las indicadas en la Guia WCAG 2.0

Agrupa recomendaciones en 4 capas o niveles de orientación, relativas a que el contenido web sea:

Perceptible. Operable. Comprensible. Robusto.

Page 14: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200914/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

"Lista de puntos de verificación para las Pautas de Accesibilidad al Contenido en la Web 1.0",

Presenta los puntos de verificación clasificados por prioridades. Las prioridades se estructuran en torno a 3 grados de accesibilidad:

Prioridad 1: el cumplimiento de los puntos de verificación de la Prioridad 1 es unrequerimiento

básico para que algunos grupos de personas puedan usar los documentos Web.Prioridad 2: el cumplimiento de los puntos de verificación de la Prioridad 2 es importante para

eliminar las barreras de acceso a los documentos Web. Prioridad 3: el cumplimiento de los puntos de verificación de la Prioridad 3 mejora la accesibilidad global de los documentos Web. .

Page 15: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200915/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

Las “Pautas de Accesibilidad al Contenido de la Web 1.0” (WCAG 1.0) son 14. Cada pauta proporciona orientaciones técnicas sobre cómo mejorar algún aspecto relacionado con accesibilidad web. En las pautas se ofrecen explicaciones detalladas, así como ejemplos y directrices para solucionar los posibles problemas que se puedan presentar. A continuación, se enuncian y describen cada una de las 14 pautas. • Pauta 1 Definición: Proporcione alternativas equivalentes para el contenido sonoro y visual.Los textos alternativos al contenido visual o auditivo benefician a personas ciegas y/o sordas y a aquellos usuarios que deciden anular la descarga de imágenes y/o sonidos (velocidad de acceso a Internet limitada).Los equivalentes no textuales, como pueden ser dibujos o vídeos, benefician a personas analfabetas o con dificultades en la lectura. • Pauta 2: Definición: No se base sólo en el color. Los textos y gráficos deben comprenderse sin necesidad de ver los colores. El cumplimiento de esta pauta beneficia a personas con dificultades para ver los colores y a usuarios que utilizan pantallas monocromáticas.

Page 16: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200916/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

• Pauta 3: Definición: Utilice marcadores y hojas de estilo y hágalo de forma apropiada. El control de la presentación de los contenidos se debe realizar con hojas de estilo en vez de con elementos y atributos de presentación. Con el uso de marcadores de presentación los usuarios que utilizan software especializado tendrán dificultades para entender la estructura de la página.

• Pauta 4: Definición: Identifique el idioma utilizado.Esta pauta implica usar marcadores que faciliten la pronunciación o interpretación de texto abreviado o extranjero. Se debe indicar el idioma predominante en cada página y marcar aquellas expresiones que se encuentren en otra lengua.  De esta forma, los sintetizadores de voz son capaces de cambiar su pronunciación en función del idioma siempre y cuando se usen los marcadores apropiados.

Page 17: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200917/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

•Pauta 5

Definición: Crear tablas que se transformen correctamente.Las tablas sólo se utilizan para marcar información tabular (tablas de datos). El uso de tablas con otros fines crea dificultades para los usuarios que usan lectores de pantalla. De igual forma, las tablas mal estructuradas (por ejemplo, sin encabezados <th>) dificultan la lectura a usuarios que no pueden visualizar la información de forma global: ciegos con lectores de pantalla y/o dispositivos braille, deficientes visuales que utilizan magnificadores de pantalla o usuarios con dispositivos de pantalla pequeña.

• Pauta 6

Definición: Asegúrese de que las páginas que incorporan nuevas tecnologías se transformen correctamente.Una página basada en tecnologías modernas tiene que ser accesible al desconectarla o al visualizarla con navegadores antiguos. El usuario puede desconectar las tecnologías más modernas para ganar en rapidez de descarga. Sin embargo, los contenidos deben permanecer accesibles.

Page 18: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200918/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

•Pauta 7

Definición: Asegure al usuario el control sobre los cambios de contenidos tempo-sensiblesEl movimiento de los objetos o páginas, su parpadeo o actualización automática deben ser controlados por el usuario. Las personas con discapacidades cognitivas o visuales no pueden leer textos en movimiento. De forma similar, algunos discapacitados físicos no pueden interactuar con objetos móviles (limitaciones motrices).

• Pauta 8

Definición: Asegure la accesibilidad directa de las interfaces de usuario incrustadas.Cuando un objeto incrustado (flash, applet)  tiene su "propia interfaz", ésta (al igual que la interfaz de su navegador) debe ser accesible. Si la interfaz del objeto incrustado no puede hacerse accesible, debe proporcionarse una solución alternativa accesible.

Page 19: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200919/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

•Pauta 9

Definición: Diseñe con independencia del dispositivo.Esta pauta significa que el usuario puede interactuar con la aplicación de usuario o el documento con un dispositivo de entrada (o salida) preferido - ratón, teclado, voz, puntero de cabeza (licornio) u otro. Si, por ejemplo, un control de formulario sólo puede ser activado con un ratón u otro dispositivo de apuntamiento, alguien que use la página sin verla, con entrada de voz, con teclado o quien utilice otro dispositivo de entrada que no sea de apuntamiento, no será capaz de utilizar el formulario.

• Pauta 10

Definición: Utilice soluciones provisionales.Las alternativas accesibles sólo son imprescindibles hasta que los antiguos navegadores y las ayudas técnicas operen correctamente.

Page 20: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200920/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

• Pauta 11

Definición: Utilice las tecnologías y pautas del W3C.Cuando no se pueda usar una tecnología W3C o al usarla se obtengan materiales que no se transformen correctamente, se debe proporcionar una versión alternativa. Se recomiendan las tecnologías W3C por incluir características accesibles incorporadas, estar desarrolladas en un proceso abierto consensuado y porque se utilizan como base para crear  contenidos accesibles. 

• Pauta 12

Definición: Proporcione información de contexto y orientación.Esta información ayuda al usuario a comprender páginas o elementos complejos. Se deben agrupar los elementos y ofrecer información contextual sobre la relación entre elementos. Esta acción es fundamental para discapacitados cognitivos y visuales.

Page 21: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200921/32

Pautas de Accesibilidad al Contenido en la Web (WCAG)

• Pauta 13

Definición: Proporcione mecanismos claros de navegación.Estos mecanismos facilitan a todos los usuarios la búsqueda de aquella información que necesitan (fundamental para discapacitados cognitivos y visuales). Ejemplos: mapa web, ayuda, barras de navegación, etc.

• Pauta 14

Definición: Asegúrese de que los documentos sean claros y sencillos.La utilización de lenguaje claro y simple facilita la comunicación de información. El acceso a la información escrita puede ser difícil para discapacitados cognitivos o con dificultad de aprendizaje y para personas sordas o que hablan en una lengua extranjera. La comprensión de un documento también depende de la maquetación de la página y de los gráficos (que deben llevar un texto alternativo).

Page 22: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200922/32

Principios básicos para generar contenidos accesibles

La metodología básica para realizar una revisión en materia de accesibilidad web consiste en realizar una revisión preliminar para identificar el alcance de los problemas de un sitio web determinado. Se procede al análisis del cumplimiento de las pautas WCAG y, finalmente, se realiza una síntesis con las principales conclusiones.

Uno de los pasos de una revisión preliminar :

Examinar las páginas seleccionadas con los navegadores gráficos habituales (WAI dice que habría que utilizar, Explorer, Netscape, Opera , en diferentes versiones y diferentes plataformas, como son: Windows, Linux y Mac), realizando diferentes acciones como son:

Quitar las imágenes y comprobar que los textos alternativos son los correctos. Quitar el sonido, y asegurar que no se pierde contenido con los textos equivalentes Comprobar que podemos aumentar el tamaño de las fuentes Comprobar con diferentes resoluciones de pantalla , y observar que no aparece el

scroll horizontal (testar con diferentes navegadores o examinar en el código si el tamaño de fuentes es absoluto)

Page 23: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200923/32

Principios básicos para generar contenidos accesibles

Comprobar en una pantalla gris, que el contraste de colores es el adecuado. Asegurar que puede hacerse una navegación con el tabulador, de manera que no sea

necesario el ratón. Con el tabulador hay que acceder a todos los enlaces así como a los controles de los formularios.

Marcos, scripts, hojas de estilo y applets no cargados.

Page 24: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200924/32

Técnicas y herramientas para evaluar la accesibilidad web

Evaluación automática, semiautomática y manual.

Bobby, Hera, Taw, Pista, validadores del W3C.

Recursos:

Fundosa Technosite http://www.technosite.es/recursos.asp

Centro Documental del CEAPAT http://www.ceapat.org/centroDocumentalPresentacion.do

SIDAR http://www.sidar.org/recur/index.php

Disc@pnet http://www.discapnet.es

Page 25: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200925/32

Integración de la experiencia de usuarios en el desarrollo de contenidos basados en la web.

De forma paralela al desarrollo de interfaces, todo proyecto Web debe tener en cuenta la experiencia que vivirá el usuario al navegar un sitio. A este concepto se le denomina Experiencia del Usuario.

A continuación se definen algunas de las disciplinas tradicionales que integran la Experiencia del Usuario desde  el punto de vista funcional:

Usabilidad: se encarga de velar por la facilidad de uso del sistema mediante el conocimiento experto, la aplicación de estándares (ISO, “buenas prácticas”) y la observación y empatía con el usuario.

Accesibilidad: indica la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquellas que poseen algún tipo de discapacidad.

Arquitectura de Información: se encarga de la organización de la información (clasificación y etiquetado), diseño de los sistemas de recuperación de la información

Page 26: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200926/32

Usabilidad y accesibilidad: conceptos relacionados

Conclusión:

Sin duda dos de las disciplinas que más auge están teniendo hoy en día son las de la Accesibilidad y la Usabilidad.

La usabilidad es una condición necesaria pero no suficiente para ofrecer una buena accesibilidad. El concepto de accesibilidad es más amplio, cuando hablamos de usabilidad nos estamos restringiendo a un usuario de la audiencia objetivo del sitio y cuando hablamos de accesibilidad nos estamos refiriendo al máximo rango posible de usuarios, incluyendo a personas con discapacidad.

Page 27: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200927/32

Usabilidad y accesibilidad: conceptos relacionados

edit@:

http://www.proyectoedita.org

Arantxa Hernández López

[email protected] David Cano [email protected]

Page 28: Accesibilidad y usabilidad

Barcelona, 03/10/09 Accesibilidad y Usabilidad en la Web 200928/32

Paseo Bonanova, 9 - 08022 Barcelona - T. 932 541 530Fortuny, 3 - 28010 Madrid - T. 917 021 645

[email protected] - www.nextret.net

Cuando volver a casa y olvidarse de todo significa, literalmente eso.Nadie sabe cuando va a surgir un problema, aunque está claro que son inevitables.

Sin embargo, resolverlos es precisamente una de nuestras especialidades.Y será una de las que más aprecies. Pregúntale a nuestros clientes.