1. CONCEPTO.

2. ¿PARA QUE SIRVE?

3. ¿COMO FUNCIONA?

4. EJEMPLO.

5. GUÍA BREVE PARA CREAR SITIOS WEBS ACCESIBLES.

6. WEBGRAFIA.

1. CONCEPTO
En términos generales, la accesibilidad se puede definir como “el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas o físicas.”[1]

En la actualidad, con el auge del internet, se habla mucho de Accesibilidad Web, que se define como “la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Esta cualidad está íntimamente relacionada con la usabilidad. Por ejemplo…, cuando en un sitio los vídeos disponen de subtítulos, los usuarios con dificultades auditivas podrán entenderlos plenamente. Si los contenidos están escritos en un lenguaje sencillo e ilustrados con diagramas y animaciones, los usuarios con dislexia o problemas de aprendizaje están en mejores condiciones de entenderlos.” [2]

Otro de los conceptos expuestos y ampliados por la W3C es “Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área.” [3]

2. ¿PARA QUE SIRVE? [3]

La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo será tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no estén disponibles, pantallas con visibilidad reducida, etc.).

3. ¿COMO FUNCIONA? [3]

Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG), cuya función principal es guiar el diseño de páginas Web hacia un diseño accesible, reduciendo de esta forma barreras a la información. WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

* Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
* Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
* Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

* Nivel de Conformidad “A”: todos los puntos de verificación de prioridad 1 se satisfacen.
* Nivel de Conformidad “Doble A”: todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
* Nivel de Conformidad “Triple A”: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.

Las pautas describen cómo hacer páginas Web accesibles sin sacrificar el diseño, ofreciendo esa flexibilidad que es necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.

Igualmente, se han desarrollado Pautas de Accesibilidad para Herramientas de Autor, cuyo objetivo es ayudar a los desarrolladores de software a la hora de crear herramientas de autor para producir contenido Web accesible. También se han desarrollado Pautas de Accesibilidad para XML, donde se explica cómo asegurar la accesibilidad de aplicaciones basadas en XML. Y por último, Pautas de Accesibilidad para Agentes de Usuario 1.0, donde se explica cómo hacer accesible los navegadores, reproductores multimedia y otras tecnologías asistivas.

Por otro lado, se han desarrollado otro tipo de documentos como las Técnicas para Pautas de Accesibilidad al Contenido en la Web, que ofrecen una serie de ejemplos de etiquetado y explicaciones muy detalladas de cómo implementar las Pautas de Accesibilidad al contenido en la Web. Entre ellas se pueden destacar Técnicas esenciales para Pautas de Accesibilidad al Contenido en la Web 1.0, las Técnicas HTML para Pautas de Accesibilidad al Contenido a la Web 1.0 y las Técnicas CSS para Pautas de Accesibilidad al Contenido en la Web 1.0.

4. EJEMPLO [3]

Un ejemplo de prioridad 1 sería la identificación clara de cualquier cambio de idioma que se pueda producir en el texto de un documento. Es decir, si se utilizan diferentes idiomas es necesario que cualquier cambio esté claramente señalado con el atributo lang:

Un ejemplo de código correcto sería el siguiente:

Buenos días Philip
Good morning. Respondió Philip en inglés.
¿Qué tal estás?
Très bien. Volvió a responder, pero esta vez en francés.

5. GUÍA BREVE PARA CREAR SITIOS WEBS ACCESIBLES [4]

Para todas las Pautas y Puntos de Comprobación: www.w3.org/WAI

* Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
* Mapas de imagen: Use el elemento map y texto para las zonas activas.
* Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
* Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite “pincha aquí”.
* Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS para la maquetación donde sea posible.
* Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
* Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
* Marcos: Use el elemento noframes y títulos con sentido.
* Tablas: Facilite la lectura línea a línea. Resuma.
* Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

6. WEBGRAFIA
1. http://es.wikipedia.org/wiki/Accesibilidad
2. http://es.wikipedia.org/wiki/Accesibilidad_web
3. http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
4. http://www.w3.org/WAI/quicktips/qt.es.htm

TABLA DE CONTENIDO

1.CONCEPTO

2.COMPONENTES

3.FUNCIONAMIENTO DE LAS APLICACIONES WEB

4. EJEMPLOS

5.WEBGRAFIA

1.CONCEPTO

“El término AJAX se presentó por primera vez en el artículo “Ajax: A New Approach to Web Applications” ( http://www.adaptivepath.com/publications/essays/archives/000385.php ), publicado por Jesse James Garrett el 18 de Febrero de 2005. Hasta ese momento, no existía un término normalizado que hiciera referencia a un nuevo tipo de aplicación web que estaba apareciendo. En realidad, el término AJAX es un acrónimo de Asynchronous JavaScript + XML, que se puede traducir como “JavaScript asíncrono + XML””.[1]

El título del artículo publicado por Garret traduce “Ajax: Un Nuevo acercamiento a las Aplicaciones Web” y en él se “se refería a una nueva forma de ver las aplicaciones web, ya no como sitios dinámicos, sino además como sitios interactivos, como la posibilidad de cargar paginas dinámicamente, sin tener que recargar toda la pagina (como un iframe), que es uno de los logros fundamentales de ajax”.[2]

“El artículo define AJAX de la siguiente forma:

Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.”[1]

2.COMPONENTES[1]

Las tecnologías que forman AJAX son:

▪ XHTML y CSS, para crear una presentación basada en estándares.

▪ DOM, para la interacción y manipulación dinámica de la presentación.

▪ XML, XSLT y JSON, para el intercambio y la manipulación de información.

▪ XMLHttpRequest, para el intercambio asíncrono de información.

▪ JavaScript, para unir todas las demás tecnologías.

Desarrollar aplicaciones AJAX requiere un conocimiento avanzado de todas y cada una de las tecnologías anteriores.

3.FUNCIONAMIENTO DE LAS APLICACIONES WEB[1]

En las aplicaciones web tradicionales, las acciones del usuario en la página (pinchar en un botón, seleccionar un valor de una lista, etc.) desencadenan llamadas al servidor. Una vez procesada la petición del usuario, el servidor devuelve una nueva página HTML al navegador del usuario.

En el siguiente esquema, la imagen de la izquierda muestra el modelo tradicional de las aplicaciones web. La imagen de la derecha muestra el nuevo modelo propuesto por AJAX:

Esta técnica tradicional para crear aplicaciones web funciona correctamente, pero no crea una buena sensación al usuario. Al realizar peticiones continuas al servidor, el usuario debe esperar a que se recargue la página con los cambios solicitados. Si la aplicación debe realizar peticiones continuas, su uso se convierte en algo molesto. AJAX permite mejorar completamente la interacción del usuario con la aplicación, evitando las recargas constantes de la página, ya que el intercambio de información con el servidor se produce en un segundo plano.

Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas mediante la creación de un elemento intermedio entre el usuario y el servidor. La nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el usuario nunca se encuentra con una ventana del navegador vacía esperando la respuesta del servidor.

El siguiente esquema muestra la diferencia más importante entre una aplicación web tradicional y una aplicación web creada con AJAX. La imagen superior muestra la interacción síncrona propia de las aplicaciones web tradicionales. La imagen inferior muestra la comunicación asíncrona de las aplicaciones creadas con AJAX.

Las peticiones HTTP al servidor se sustituyen por peticiones JavaScript que se realizan al elemento encargado de AJAX. Las peticiones más simples no requieren intervención del servidor, por lo que la respuesta es inmediata. Si la interacción requiere una respuesta del servidor, la petición se realiza de forma asíncrona mediante AJAX. En este caso, la interacción del usuario tampoco se ve interrumpida por recargas de página o largas esperas por la respuesta del servidor.

Desde su aparición, se han creado cientos de aplicaciones web basadas en AJAX. En la mayoría de casos, AJAX puede sustituir completamente a otras técnicas como Flash. Además, en el caso de las aplicaciones web más avanzadas, pueden llegar a sustituir a las aplicaciones de escritorio.

4.EJEMPLOS

“Échenle una mirada a las Google Suggest. Mira la forma en que los términos sugeridos se van actualizando a medida que uno tipea casi instantáneamente. Ahora mire Google Maps. Hace zoom. Usen el cursor para agarrar el mapa y navegarlo un poco. Otra vez, todo sucede casi instantáneamente, sin esperar que las páginas se recarguen. Google Suggest y Google Maps son dos ejemplos de un nuevo acercamiento a las aplicaciones Web, que nosotros en Adaptative Path hemos denominado AJAX. El nombre es una abreviación o acrónimo para Asynchronous JavaScript + XML, y ello representa un cambio fundamental en que es posible en la Web.”[3]

“A continuación se muestra una lista de algunas de las aplicaciones más conocidas basadas en AJAX:

▪Gestores de correo electrónico: Gmail (http://www.gmail.com), Yahoo Mail (http://mail.yahoo.com), Windows Live Mail (http://www.hotmail.com).

▪ Cartografía: Google Maps (http://maps.google.com), Yahoo Maps (http://maps.yahoo.com), Windows Live Local (http://maps.live.com).

▪ Aplicaciones web y productividad: Google Docs (http://docs.google.com), Zimbra

(http://www.zimbra.com/), Zoho (http://www.zoho.com/).

▪ Otras: Netvibes (http://www.netvibes.com) [metapágina], Digg (http://www.digg.com) [noticias], Meebo (http://www.meebo.com) [mensajería], 30 Boxes (http://www.30boxes.com) [calendario], Flickr (http://www.flickr.com) [fotografía].”[1]

5.WEBGRAFIA

1. http://www.jesusda.com/docs/ebooks/introduccion_ajax.pdf

2. http://www.ajaxman.net/wp-content/uploads/2007/07/manual_de_ajax_en_pdf_en_espanol.pdf

3. http://www.willydev.net/InsiteCreation/v1.0/willydev_ajax.pdf

]]> http://jntellez.wordpress.com/2008/09/01/ajax/feed/ 0 jntellez