Archivo de la etiqueta: Accesibilidad

Temas relacionados con accesibilidad

El manifiesto de los mexicanos

Dos buenas noticias llegaron junto con el regreso de Paulo y Javier desde México, de cuyo viaje les hablé el viernes pasado.
La primera es que en su estadía colaboraron en la redacción del Manifiesto Nuevo León sobre Usabilidad y Accesibilidad para los Portales Gubernamentales Mexicanos al que adhirieron 24 estados federales.
Javier destaca que “el seminario estuvo muy interesante, pero una de las cosas más motivantes de todo el evento fue tener la posibilidad de participar en un grupo de trabajo que revisó un Manifiesto”.
La segunda buena noticia es que Paulo estrenó nuevo blog. Desde acá todo el ánimo para que escriba y ponga todo su arte en él.

Chilenos dictando cátedra en México

La imagen muestra el logo del seminario, más las caras de Paulo y Javier
La imagen muestra el logo del seminario, más las caras de Paulo y Javier.

Esta oportunidad no hay que dejarla pasar. Ayer y hoy hubo dos chilenos dictando cátedra en la ciudad de Monterrey, al norte de México. Se trata de Paulo Saavedra y Javier Velasco quienes estuvieron dentro de los oradores principales del Seminario Internacional de Usabilidad y Accesibilidad para la web, organizado por el estado de Nuevo León, y la Universidad de Monterrey.
Ambos son conocidos protagonistas de la Arquitectura de Información chilena y es un orgullo ver que han llegado lejos y que allá ha sido valorado su aporte. Así que vayan nuestras felicitaciones para ellos, que ponen alto el nombre de los profesionales locales de esta disciplina.

Gobierno-W3C: lo que faltaba

Revisando información para mi post de ayer, descubrí que ya se han emitido los dos reglamentos que faltaban para dar cabal aplicación al Decreto 100, que regula la accesibilidad y el cumplimiento de estándares de los sitios web de Gobierno.
Lo interesante es que una revisión detallada de la “Guía de Accesibilidad para Discapacitados en Sitios Web” permite ver que el Gobierno ha decidido hacer suya la Iniciativa de Accesibilidad (WAI) del W3C, el World Wide Web Consortium.
Esto significa algo trascendental para quienes hemos apoyado esta iniciativa desde hace años, porque implica un espaldarazo para una forma de trabajo que no sólo permite tener mejores sitios, sino que junto con ello se obtienen avances de gran trascendencia hacia los usuarios. También será importante para las empresas que puedan ayudar a cumplir el DS 100, ya que tendrán trabajo asegurado por mucho tiempo.
De más está decir, que la adopción de estas medidas constituyen un modelo a seguir para el sector privado nacional

Encontrabilidad, Accesibilidad y Usabilidad

Como parte de la sesión dedicada a los Bancos dentro del encuentro “El Cliente Perdido”, hice una presentación acerca de como los tres aspectos del título de este post, ayudan a que las personas puedan tener una mejor experiencia en los sitios web.
Para los que no estuvieron, definí Encontrabilidad como la capacidad de los contenidos digitales de ser encontrados, especialmente a través de los buscadores; Accesibilidad como la capacidad de poder atender a personas con discapacidades mediante sitios que tienen código de acuerdo a los estándares de la W3C, y Usabilidad como la capacidad de un sitio web de permitir al usuario ingresar a sus contenidos y utilizarlo de manera rápida y simple, satisfaciendo las necesidades que tenía al llegar a él.
Para mirar lo que le conté a la audiencia, les dejo un enlace a la presentación (Archivo PDF, 650 Kb). Si quieren saber más, me cuentan vía mail o vía comentarios 🙂

Actualización: En Flickr.com hay fotos del evento tomadas por Eduardo Aguayo; las fotos del al Retiro en Santa Cruz se pueden ver en Flickr-Mantruc y en el sitio de Nelson Rodríguez-Peña hay otras.

Lanzando un bote de papel al agua

Imagen de un bote de papel
Imagen de un bote de papel

Esa es la sensación con la que he estado hoy: como lanzando un bote de papel al agua.
La razón es que acabo de terminar un pequeño sitio para Major, una pyme dedicada a las finanzas. El sitio cumple con todo: estándares html, css, accesibilidad y, más importante que nada en estos días, cumple con Google.
Para empezar, como podrán ver en su código, tiene lo necesario para medir sus visitas en Analytics. Además, tiene el código para ser reconocido desde Webmaster. Y por último, tiene un Sitemap, para asegurar que su contenido sea indexado.
Luego, está escrito de manera especial con el fin asegurar palabras claves o “keywords” que aseguren buenos resultados en las búsquedas.
Finalmente, los nombres de sus directorios, los meta tags como “title” y “keywords” y “robots” más el archivo “robots.txt” están en su lugar.
¿Qué falta? Enlaces. Ya hay uno desde acá, más los que espero que Google genere por su cuenta y los que ustedes, amables lectores, puedan poner a este post y así hacer que el sitio suba.
¿Será suficiente todo eso para conseguir un buen posicionamiento en buscadores para Major.cl? De allí que hoy tenga la sensación de estar lanzando un bote de papel al agua. ¿Se hundirá? ¿Llegará lejos con su mensaje? Sólo el tiempo lo dirá.

¿Estamos preparados para ser accesibles?

Conversando con mis alumnos de la “U” acerca de la accesibilidad, les planteaba la necesidad que existe hoy de hacer que los sitios web que construimos sean accesibles, es decir, que cumplan con las normas que permitan a personas con discapacidades físicas tener formas alternativas de usar los contenidos ofrecidos en el sitio web.

En la misma clase les explicaba además acerca de la generación “baby boomer” en Estados Unidos, que está pronta a jubilar y que desencadenará un fenómeno, ya que se trata de personas con mucho poder adquisitivo, que tendrá una gran cantidad de recursos para consumir y que evitarán cualquier aparato tecnológicamente complicado, ya que ellos por definición, no son amigos de la tecnología. La usan, pero sólo lo justo.
Y este chiste, publicado en el sitio que el dibujante y caricaturista Jim Borgman tiene en el sitio Cincinnati.com (centro de Estados Unidos) tiene la gracia de condensar en una frase esta situación. Es un vendedor de celulares que le explica a su cliente: “Es nuestro celular más vendido entre los Baby Boomers: no tiene ningún extra” (ver imagen completa).
¿Cómo se junta la accesibilidad con los “baby boomers” y nuestros desarrollos?
Cada vez tendremos más personas adultas usando los productos tecnológicos que desarrollemos (sitios web); por ello, éstos deberán ser muy fáciles de usar o dejaremos afuera a los “baby boomers” locales, es decir, jubilados o cercanos a dejar de trabajar que tienen buena situación económica y que podrán gastar y consumir y comenzarán a exigir productos más simples. O bien que se transformen para atenderlos adecuadamente y cubrir sus necesidades? Para ello, una prueba básica: ¿puede su sitio agrandar la letra de sus textos, usando las herramientas del propio navegador?
Porque si lo considera adecuadamente, una persona mayor de 45 años tendrá problemas a la vista y por lo tanto, querrá agrandar las letras para verlas mejor. O bien, tendrá problemas de audición y no escuchará los elementos audibles que se le ofrezcan. O tendrá problemas motrices y no podrá usar el menú que se mueve gracias a Flash.
La pregunta entonces, ante la llegada de este nuevo tipo de cliente es: ¿Estamos preparados para ser accesibles?

Gobierno impone norma para desarrollo web

En una publicación hecha en el Diario Oficial de hoy, el Ministerio Secretaría General de la Presidencia dio a conocer su Decreto N° 100 (PDF) que fija la “Norma Técnica para el desarrollo de sitios web de los órganos de la Administración del Estado”.
¿Qué significa? Pues, que por primera vez el Estado tiene un conjunto de normas que se deben cumplir cuando se tiene un sitio web, lo cual impondrá restricciones a los propios servicios del Estado, como a quienes realicen tareas para ellos (proveedores).
Uno de sus párrafos indica:

Los sitios web deben ser desarrollados de manera tal que garanticen la disponibilidad y la accesibilidad de la información, así como el debido resguardo a los derechos de los titulares de datos personales, y asegurando la interoperabilidad de los contenidos, funciones y prestaciones ofrecidas por el respectivo órgano de la Administración del Estado, con prescindencia de las plataformas, hardware y software que sean utilizados”.

Una primera lectura muestra que el Decreto pone mucho énfasis en algo protegido por una ley, como es el cuidado de los datos personales, pero pone muy poco cuidado en algo que no está abordado por legislación alguna en Chile: la accesibilidad para discapacitados a la información vía web. Ahí, seguimos al debe. Y creo que se perdió una buena oportunidad de atender el tema, ya que cuando se discutió la norma (hace dos años, con mi participación), ese tema estaba incluido.

La accesibilidad me persigue

Aunque quería evitar lo personal en este blog, para dedicarle más tiempo y entusiasmo a lo profesional, me ha llegado un tema que cruza ambas facetas: la edad.

La foto muestra mis ojos y mis lentes
La foto muestra mis ojos y mis lentes.

Lo primero es que hace dos semanas comencé a usar lentes para la presbicia. Es más cómodo leer con lentes que tener dolor de cabeza sin ellos. De allí que mi familia y quienes trabajan conmigo, ya se han acostumbrado a ellos (a mí me falta, aún). Y además, he comenzado a valorar las páginas que cumplen las normas de accesibilidad y, entre otras cosas, permiten aumentar el tamaño de letra: es un recurso de veras valioso.

La foto muestra a Sofía Carolina, nieta de Julio
La foto muestra a Sofía Carolina, nieta de Julio.

Y no había terminado de acostumbrarme a los lentes y lo que ello significa (que estoy más viejo) cuando Julio Jerez, un viejo amigo de Rancagua, compañero de colegio, me envía esta foto. Ella es Sofía Carolina, pesó 4 Kilos y midió 52 centímetros. Además, es su nieta. Es decir, él es abuelito y por extensión, nos hizo abuelitos a todos sus compañeros del Cuarto Medio B del 79. Nada que hacerle, la accesibilidad me persigue.

¿Cómo se escribe en un sitio web?

Uno de los primeros hallazgos realizados en el desarrollo de los sitio web, es que su contenido debía ser distinto al que se encontraba en el impreso y no sólo porque existía el hipertexto que permitía avanzar entre páginas, sino por el hecho de que las personas se comportaban diferente ante una pantalla que frente a una página de papel.

En un estudio realizado en 1979 por John Morkes y Jacob Nielsen se descubrió que en las pantallas de computador se lee saltando entre los temas más importantes, y no palabra a palabra como ocurre en los impresos (ver estudio completo). De allí que surgieran recomendaciones que son claves a la hora de escribir para sitio web.

Entre las más importantes se cuentan las siguientes:

* Ser sucinto: ya que los usuarios no van a leer de la manera que se acostumbra en el impreso, es imprescindible escribir con la mitad de las palabras y ahorrar expresiones para entregar las ideas.

* Escribir para la comprensión: Idealmente ofrecer sólo una idea por párrafo y en el caso del primer párrafo de un texto largo, éste debe ofrecer un resumen del tema que se esté desarrollando con el fin de que el usuario entienda el contexto de lo que se le presenta.

* Usar verbos directos: cuando se escribe es preferible usar menos palabras y por ello los verbos deben aparecer en forma directa para expresar la acción que se está indicando. Se debe preferir en ese sentido el Modo Infinitivo respecto del Presente Perfecto o cualquier otro compuesto.

* Evitar las explicaciones negativas: para mejorar la comprensión de las personas, las explicaciones deben ofrecerse en términos afirmativos respecto de lo que hay que hacer; se debe evitar que la explicación se refiera a lo que no hay que hacer.

* Establecer jerarquías de Información: junto a lo anterior, se debe utilizar el mecanismo del periodismo llamado “Pirámide invertida” para ofrecer lo más importante primero, de manera que los usuarios reciban la Información a la primera lectura y luego vayan obteniendo elementos complementarios.

* Preferir los hechos a los discursos: como norma general un usuario accederá a un sitio web para buscar elementos informativos que le permitan realizar acciones; por ello se debe preferir entregar datos concretos, antes que discursos descriptivos pero que no ayuden a dar a conocer en forma directa el producto o servicio del que se trate el sitio.

* Crear subtítulos destacados: se deben quebrar los textos en zonas que ayuden a la comprensión por parte de los usuarios; en este sentido, es ideal que los subtítulos sean un resumen de los párrafos de Información que se ofrecen a continuación; de esta manera el usuario sabrá si en dicho contenido está lo que busca.

* Destacar palabras significativas: debido a que los usuarios estarán siempre buscando atajos hacia las zonas de Información que les interesan, es conveniente destacar las palabras que sean más importantes de cada párrafo, para que sirvan como “anclas” en las que se sitúen los ojos del usuario en el recorrido visual de la página. No obstante, se debe evitar “llenar” de palabras destacadas el texto, ya que se perderá el efecto que se busca crear de esta manera.

* Crear listas: ofrecer la Información no en párrafos largos de datos, sino que preferentemente en listas de elementos; si sus elementos requieren de mayor explicación, cada uno de ellos puede ir enlazado hacia otras páginas con texto más detallado, dejando al propio usuario la decisión de visitarlo.

* Ofrecer enlaces hacia otras páginas: es recomendable ofrecer más Información a través de enlaces que vayan hacia el sitio propio o hacia sitios externos que contribuyan al tema del que se esté hablando. Normalmente un usuario recordará al sitio que ofreció dichos enlaces y le reconocerán el mérito por ofrecerlos.

* Preferir los botones a los textos: en el caso de formularios, no ofrecer explicaciones por anticipado, sino que incorporar ejemplos de cómo ingresar los contenidos junto al lugar donde hay que hacerlo; si hay que ofrecer ayuda, hacerlo con un botón cerca de donde se va a usar.

* Evitar las abreviaciones y la jerga técnica: a menos que se trate de instituciones muy conocidas, evitar el uso de siglas, acrónimos o abreviaciones; nunca habrá plena seguridad que los usuarios entiendan de qué se está hablando a través de esas palabras. Asimismo, no se deben emplear palabras correspondientes a la jerga que emplean quienes dominan un tema, ya que se impedirá la comprensión por parte de los legos.

Consejos para la presentación de los contenidos

Cuando se deben crear contenidos para un sitio web, necesariamente se deben trabajar los aspectos audiovisual, interactivo y de contenidos de manera simultánea, teniendo presente la importancia del Diseño de la Experiencia que tendrá el usuario que acceda al sitio web.

Se entiende por diseño de la experiencia el conjunto de sensaciones que tendrá una persona que acceda a un sitio web, que estarán influidos por la presentación gráfica, la jerarquía de ubicación que se asigne a los diferentes elementos que integren la página y la utilidad e interactividad de los contenidos de la misma.

Para entender estos conceptos, se pueden revisar por partes:

* Presentación Gráfica: el sitio web será más creíble en la medida que la disposición gráfica de sus elementos sea armoniosa y dé a entender que se ha hecho un trabajo serio para lograr una identidad en Internet.

* Jerarquía de Ubicación: los elementos que conforman la página deben ser distribuidos conforme a su importancia relativa; normalmente se deberá ubicar lo más importante en caracteres más grande para que sea lo que llame la atención de quien revisa por primera vez la página.

* Utilidad: el sitio debe ofrecer elementos novedosos que permitan que el usuario valore haberlos visitado; incluso en el caso de enlaces, estos deben ser a sitios que ofrezcan elementos complementarios con lo que se esté viendo en la página.

* Interactividad: el sitio debe permitir “hacer” cosas por simples que estas parezcan; elementos como botones de impresión, enviar a un amigo, crear favoritos, la capacidad de participar en una encuesta, permitirán que el usuario tenga la sensación de estar siendo parte de una comunidad.

Problemas habituales con los contenidos

En forma adicional a lo anterior, respecto de los contenidos habrá problemas habituales que se deben tener en cuenta con el fin de resolverlos adecuadamente. Dichos problemas son:

* El punto de partida es variable: gracias a la existencia de buscadores cada vez más eficientes, cualquier página del puede ser el punto de entrada de un usuario al sitio web. Por ello, cada página debe tener adecuadamente resuelta la identificación institucional, la navegación hacia todo el sitio, las ofertas de contenidos relacionados y elementos de contacto (Información sobre dirección física y electrónica). Adicionalmente se debe incluir la fecha de elaboración del contenido para que el visitante pueda hacerse una idea sobre su validez al momento de la consulta.

* Apoyar la lectura por partes: debido a que los usuarios no leen de la forma en que se hace un impreso, es razonable estructurar los contenidos por partes y escribirlos pensando en mostrarlo de esa manera. Así en cualquier parte del artículo, el usuario podrá elegir cómo leerlo y si puede o no saltarse hacia zonas más interesantes de acuerdo a sus necesidades del mismo tema que está mirando en pantalla.

* El problema del título: muchas veces el título de una página de un sitio web se mostrará aislado de todo el contexto que puede ayudar a su comprensión. Por ejemplo, cuando se lo incluye en un listado de enlaces de una página de cabecera de sección o cuando se lo enlaza desde una página fuera del sitio original. Por este motivo, se debe titular de manera comprensible, idealmente con una frase que incluya sujeto y predicado. No obstante, se debe considerar que la redacción debe ser suficientemente provocadora como para apoyar el “click” del usuario. Adicionalmente, se debe evitar que el título tenga referencias temporales con el fin de que pueda sostenerse en el tiempo. Para ello es importante que evite contener palabras referidas a días (hoy, mañana) a menos que éstas puedan ser cambiadas cuando la jornada de referencia haya pasado.

El problema de la tipografía: la letra usada en las pantallas se ha definido como una “sans-serif” (que no tiene líneas de base, tal como las tipografías Verdana, Arial y Helvética) debido a que facilita la lectura. No obstante, gracias al uso de la tecnología CSS (Cascade Style Sheet u Hoja de Estilos en Cascada que permite definir la presentación de las páginas web), es posible utilizar otras de manera simple; adicionalmente se recomienda cambiar de tipografía dependiendo del medio utilizado: pantalla, impresora, televisión, celular. Por ejemplo, al imprimir, se debe utilizar una tipografía “con serif” para facilitar la lectura en papel.

Adicionalmente respecto de la tipografía se deben tener dos precauciones:

  • 1. Al escribir se debe usar la tipografía en mayúsculas y minúsculas, según sea el caso; por todos los medios se debe evitar el uso de mayúsculas exclusivamente ya que afecta la legibilidad del texto.
  • 2. La tipografía de un sitio web debe ser definida en el CSS mediante porcentajes que permitan que el usuario pueda aumentar o achicar su tamaño, mediante la capacidad correspondiente ofrecida por los browsers; si queda fija, se impedirá la accesibilidad de personas con discapacidades visuales.

* El problema de las imágenes: debido a que a los sitios web se accede desde conexiones de computadores, mientras la tecnología no avance lo suficiente, el peso que tengan las páginas será un problema. Por ello, al crear una página siempre habrá que tener la preocupación por el peso de las imágenes, que es lo que más bytes le agrega a la transmisión.

* El problema del Flash: se debe tener cuidado en el uso de las tecnologías interactivas como Flash, ya que generan muchos problemas con usuarios que no cuentan con esta tecnología. Lo importante es que ésta sea usada cuando ofrece elementos que le agregan valor a la Información y no como simple decoración de las páginas.

* El problema del peso de las páginas: tal como se indicó al abordar el tema de las imágenes, se debe tener cuidado en el peso final de las páginas, el que se obtiene sumando todos los elementos que la componen: texto, fotos, iconos y banners. Como norma general, se recomienda que una página no tenga más de una foto y que ésta en total, una página tenga un peso superior a los 50 kb. Este peso puede excederse hasta en un 50% pero se debe tener claridad que una página que pese más allá de 100 Kb generará una demora tal, que el usuario no estará dispuesto a esperar para revisarla y se perderá su visita.

¿Por qué su sitio debe ser accesible?

¿Qué razón le darías a una persona para convencerlo de que su sitio web debe ser accesible?, le pregunté mientras escribía esta columna a Carlos, un amigo programador que ya ha hecho varios sitios de este tipo en la web chilena.

“Consideración y respeto” me respondió en mayúsculas a través del Messenger, casi inmediatamente.

Como andaba buscando las cinco razones para “programar accesible” –número elegido sólo para mostrar las que caben en una mano- me dediqué a mirar por todos lados para saber cuáles son las que se mencionan más frecuentemente en todo el mundo. Y, mostrando la importancia que este tema ha adquirido, por todos lados aparecen muy buenos motivos, incluyendo varios de ellos las palabras de Carlos.

Comencemos explicando, primero, que la accesibilidad de los sitios de Internet significa permitir el acceso de cualquier usuario a un sitio web sin importar la discapacidad que tenga, incluyendo dentro de éstas las visuales, de audio, físicas, del habla, cognitivas y neurológicas, por nombrar sólo algunas de las más importantes.

Pero no digamos más y empecemos la lista de las cinco razones para que un web deba ser accesible.

Razón número 1: Los discapacitados son parte de su público.

En los cálculos de muchas organizaciones, incluyendo el Fonadis chileno, se plantea que el número de discapacitados alcanza al 10 por ciento de la población; es decir si su empresa es de consumo masivo (un banco, una AFP, una casa comercial), el diez por ciento de sus usuarios tienen problemas físicos para ver su sitio web. A este número se debe agregar, que dependiendo de la edad, hay ciertos grupos objetivos que van adquiriendo discapacidades… El mejor ejemplo en este sentido son los hombres mayores de 40 años que sufren presbicia, es decir, la enfermedad que acorta la vista. Para ellos un sitio web debería ofrecer la posibilidad de agrandar los textos, si quiere atenderlos bien. Porque eso es ser accesible.

Razón número 2: Construir accesible no es más caro

Si se siguen las normas que ofrece el World Wide Web Consortium sobre Accesibilidad se puede construir un sitio con precios que no son muy diferentes de los que toma un desarrollo sin considerarlas. Sólo se requiere tomar ciertas precauciones para cumplir objetivos bastante simples (como que cada imagen tenga una lectura asociada), que harán la diferencia para un discapacitado.

Razón número 3: Si el sitio no es accesible no se puede usar

Para muchos usuarios discapacitados el hecho de que un sitio no sea accesible significa que el web es inútil. Durante la semana me escribió Nicolás, alumno de Derecho de la U. De Chile, para contarme que no puede usar el web para tomar sus ramos por sí mismo, y siempre debe tener a alguien al lado que le ayude. Y Nicolás maneja computadores desde hace años por sí sólo… pero ahora que llega a la universidad, tiene que pedir ayuda. ¡Eso desanima a cualquiera! ¿No?

Razón número 4: Permite prepararse para lo que viene

Estados Unidos ya cuenta con una ley (la sección 508 de la Ley de Rehabilitación) y varios países en todo el mundo ya la tienen; en todas ellas se establecen guías similares al estándar ofrecido por la W3C para permitir el acceso a la información vía web, a las personas con discapacidades. Ser accesible hoy, permitirá hacer con tranquilidad un camino que muchos tendrán que hacer a marchas forzadas mañana.

Razón número 5: Por Responsabilidad Social

La última razón obliga a apelar a la responsabilidad social que tiene cada empresa, organismo e institución con los ciudadanos del país. Los discapacitados de hoy y quienes lo seremos por causa de la edad en algún tiempo, estaremos agradecidos por los esfuerzos que hagan por facilitar el acceso a sus sitios web.

Finalmente, no queda más que citar a Tim Berners-Lee, el creador de la web, quien al referirse al tema de la accesibilidad planteó que “el poder del web está en su universalidad. El acceso para todos sin importar su discapacidad es un aspecto esencial”.

Nada más que decir.

¿Quieres saber más?