Accesibilidad y AJAX

¿Qué es AJAX?

Poder recuperar datos asíncronamente de fondo sin interferir con la visualización o comportamiento de la página

Ajax Interaction

While the term "Ajax" was coined in 2005,[3] techniques for the asynchronous loading of content date back to 1996, when Internet Explorer introduced the IFrame element.[4] Microsoft's Remote Scripting, introduced in 1998, acted as a more elegant replacement for these techniques, with data being pulled in by a Java applet with which the client side could communicate using JavaScript. In 2002, Microsoft created the XMLHttpRequest object as an ActiveX control in Internet Explorer 5, and developers of Mozilla and Safari followed soon after with native versions of the object.[5][4] It did not become an official web standard until April 5, 2006, when the World Wide Web Consortium (W3C) released a specification for the object.[6]

¿Accesibilidad y AJAX?

Hoy:
  • WCAG 1.0: javascript no intrusivo
  • WCAG 2.0: técnicas específicas
Mañana:
WAI-ARIA

WCAG 1.0

6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page. Prioridad 1

=

El javascript utilizado debe ser no intrusivo

Ayuda adicional para mejorar la experiencia del usuario, no un requisito imprescindible

En lugar de cargar el javascript mezclándolo con el HTML lo que se hace es cargarlo cuando se carga la página, utilizando selectores CSS

Ejemplo

Para ver los conceptos hagamos un sencillo ejemplo

Algunos ejemplos reales

No exigen javascript:
Exigen javascript:
  • Página personalizada de Google
  • Netvibes
  • Comentar cómo funcionan los lectores de pantalla con Javascript

    WCAG 2.0