hidden bullet

La Visión del W3C sobre la Accesibilidad

Martín Álvarez Espinar, <martin@w3.org>

Letras W3C en tres teclas de un teclado

La Visión del W3C sobre la Accesibilidad

Workshop sobre Accesibilidad
Oficina W3C España - Fundación CTIC
Madrid, 21 Oct 2009

World Wide Web Consortium

Mapa del mundo

Realmente WorldWide

El mundo, con puntos que indican las sedes centrales y las oficinas

¿Qué hace el W3C?

Especificaciones, directrices y herramientas:

Voice WebCGM PICS HTMLTidy Databinding WebOntology HTML CompoundDocumentFormats SPARQL WAI Web APIs Libwww PatentPolicy OWL TimedText XMLEncryption Multimodal XML RichWebClients XMLProcessing DeviceIndependence URI/URL DOM HTTP Accessibility RDF WebApplicationFormats XMLBase Jigsaw XLink I18N P3P QualityAssurance XMLKeyManagement UbiquitousWeb InkML Incubator XPath WebServices XForms CSS SOAP Mobile SMIL Rules SVG Amaya SemanticWeb MathML

Recomendaciones tecnológicas abiertas del W3C, probablemente con la política de patentes más transparente en Internet

Desde el origen de la Web...

Propuesta de Gestión de la Información de Tim Berners-Lee
Information Management: A Proposal, Tim Berners-Lee, CERN, March 1989, May 1990, [http://www.w3.org/History/1989/proposal.html]

WorldWideWeb

Pantalla del primer navegador-editor de páginas web: Worldwideweb

Crecimiento de la Web (páginas)

... un grafo 50.000 veces el mapa de carreteras de EEUU (We knew the web was big..., Google Blog)

Crecimiento de los usuarios

Gráfico sobre el uso de Internet en el mundo

Los estándares son importantes

Adaptadores eléctricos

Abiertos y gratuítos

¿Qué aporta el W3C a la Web?

Pila de las tecnologías de W3C, vete a http://www.w3.org/Consortium/techstack-desc.html para más detalles

Estándares, los fundamentos de la Web

¿Web Única?

...ofrece la misma información y servicios a los usuarios, independientemente de quienes son, donde están, los sistemas que usan o la forma mediante la que se conectan

Una Web para todo el mundo

Mano sujetando una bola del mundo

...acceso universal

Acceso independientemente de...

One Laptop per Child

...acceso independientemente de...

Portátil con teclado Braille

...acceso independientemente de...

Panel informativo sobre un mercado de valores

¿Cómo se consigue esta Universalidad?

Pila de las tecnologías, sólo visible la parte de las tecnologías horizontales

Accesibilidad Web

...personas con discapacidades puedan usar la Web

Diseñar para usuarios con discapacidad en un entorno ordinario es igual que diseñar para personas sin discapacidad en entornos extraordinarios

Ventajas de la Accesibilidad

¿Sólo para personas?...

Ventajas para todos/as todo

Información accesible a todos/as todo

Sección de Divulgación de W3C Oficina en España

Información accesible a todos/as todo

Página de W3C Oficina en España. Resaltado el h1 sobre la página

Información accesible a todos/as todo

Sección de Divulgación de W3C Oficina en España. Resaltado el h1 y el h2 sobre la página

Información accesible a todos/as todo

Página web con el h1, el h2, un dt y un dd sobre la página

Información accesible a todos/as todo

Página web con el h1, el h2, dt, dd y un strong sobre la página

Desde otros dispositivos...

Page has eleven headings and fifty-four linksWthree C Oficina Española dash Documentos y Guías Divulgativas dash Internet ExplorerHeading level oneLinkGraphicLogo oficina española del Wthree C Documentos y Guías Estás en colon List of one itembulletLink Oficina EspañolaList of one itembullet right double angle bracket Documentos y GuíasList endList endHeading level two Tarjetas de ReferenciaDefinition list of one itemLink Buenas Prácticas en Web Móvilequals Referencias a las Buenas Prácticas en Web Móvil, en forma de tarjetas resumidas con las pautas agrupadas por temáticasList endHeading level two GuíasDefinition list of three itemsLink Guías de referencia rápidaequals Guías de Referencia left paren imprimibles right paren destinadas a desarrolladores de tecnologías Wthree CLink Guías Breves de Tecnologías Wthree Cequals [...]

Página de la Oficina W3C España a través de Fangs (screen reader emulator)

No siempre se puede acceder a esa información

Página web que solicita tener instalado Flash, tras deshabilitar JavaScript en el navegador
Sin Javascript

No siempre se puede acceder a esa información

Página web que solicita tener instalado Flash, tras deshabilitar el reproductor Flash en el navegador
Con Javascript /Sin Flash

Estándares del W3C para la Accesibilidad

Web Accessibility Initiative (WAI)

WCAG

Especificaciones WAI

Logos de conformidad WAI A, doble A y triple A

WAI-ARIA

Control de tipo árbol de navegación
(Control Árbol de Navegación)

Accessible Rich Internet Applications (Borrador)

Recordar a todos los públicos (I18n)

Desde cualquier lugar, cualquier dispositivo

Usuario de la Web Móvil consultando su dispositivo dentro de un tren

...desde cualquier lugar :)

Equipo informático portátil casero

Desde cualquier dispositivo

Frigorífico con un navegador webNavegador en un salpicadero de un automóvilUrinarios tecnológicos

La estandarización es importante

Muchos dispositivos móviles de diversos tipos

Importancia del mercado Móvil

Porcentajes globales de las líneas telefónicas y conexiones a Internet por años

Fuente: ITU World Telecommunication/ICT Indicators Database. Datos de 2009 estimados

Mercado Móvil: las Economías Emergentes

Distribución de abonados de telefonía móvil por regiones en el mundo
(ITU World Telecommunication/ICT Indicators Database) * Estimación

SEO muy importante para el móvil

SVG en un teléfono móvil
(SVG Population Pyramid on iPhone)

La Iniciativa de Web Móvil

Comparación de la vista de un navegador móvil y un navegador de escritorio con la misma página
(http://www.efront.com.au/web-design-melbourne/uploaded_images/iphone-776924.jpg)

Haciendo el acceso a la Web desde un dispositivo móvil tan simple, fácil y adecuado como el acceso a la Web desde un dispositivo de escritorio.

La Web de los Datos y Servicios

Mapa de líneas de metro, donde se representan conceptos y la unión entre distintos servicios que comparten datos

Lenguaje para personas no para máquinas

...más tareas de humanos

Evolución de la Web Tradicional...

Representación de la Web tradicional como un conjunto de enlaces a documentos

... a la Web Semántica

Relaciones entre recursos que tienen incluida semántica

Solución a la integración de Bases de Datos

Solución en Redes Sociales

logos de aplicaciones sociales

Solución a la ambigüedad en las búsquedas

Captura de pantalla del resultado de una búsqueda de la etiqueta chips en Google

Bucadores semánticos

Pantallazo del buscador semántico de la DBPedia con la consulta del objeto Gijón

Búsqueda inteligente para servicios online

Pantallazo del buscador de servicios al ciudadano del Ayto. de Zaragoza

Mejora de las búsquedas (BOPA)

Pantallazo del buscador del BOPA

Integración de conocimiento de Medicina China

Pantallazo de la aplicación de integración del conocimiento de la Medicina China

Muchas gracias

Esta presentación está en
http://www.w3c.es/Presentaciones/2009/1021-accesibilidadCTIC-MA
Más información
http://www.w3c.es/Divulgacion
Oficina Española del W3C
http://www.w3c.es
martin@w3.org (yo)
Fotos
Japón Economía Artemuestra), Stock OLPC XO-1 (One Laptop per Child), BrailleNote (bknittle), Mobile phone Zombies (Edward B.), LOGO2.0 (Stabilo Boss), theworld (Skelekitten), Communicating in the desert (John & Mel Kots)