Antonio Barranco

Accesibilidad

Domingo, 24 de Octubre de 2004

Ventajas de diseñar una web ajustada a estándares


Estas semanas he estado preparando una serie de artículos en los que poner de manifiesto la importancia tanto del uso como del desuso de determinadas tecnologías en la construcción de sitios web.

Evidentemente dichos artículos se basarán en la filosofía del lenguaje de marcado XHTML, la filosofía del lenguaje de definición de estilos CSS y la importancia del uso de modelos semánticos en el diseño de nuestros sitios web.

Veamos con que características principales se dota un sitio web al ser respetuoso hacia los estándares vigentes:

Formato universal

Si diseñamos ajustándonos a un estándar podemos estar seguros de que los navegadores que han sido diseñados para ajustarse a dicho estándar representarán nuestros contenidos tal y como los habíamos imaginado.

Podemos resumir que su uso es el mejor medio para alcanzar una representación única y universal en todos los navegadores y dispositivos que respeten el estándar propuesto en que nos hayamos basado.

Realmente es lógico pensar que basar sus proyectos en los mismos estándares que las compañías han de respetar para construir sus navegadores y dispositivos ha de ser garantía de buen funcionamiento.

Excelente portabilidad

El hecho de trabajar con código relativamente simple, a través del uso de XHTML, y de separar nuestros contenidos del diseño mediante el uso de CSS, nos permite lograr que los cambios menores o globales tanto de diseño como de contenido sean infinitamente mas sencillos y rápidos, logrando para ello un menor consumo de recursos o una menor inversión.

Mayor tiempo de vida de la inversión

Cuando usamos métodos o comportamientos propietarios corremos el riesgo de que nuestro sitio web se vuelva obsoleto en un corto espacio de tiempo.

El mejor ejemplo fue el de las millones de líneas de código (etiquetas propietarias) que hubieron de ser cambiadas cuando “Internet Explorer” acabó con la hegemonía de “Netscape”.

Aunque puede parecer que la hegemonía de “Internet Explorer” y “Windows” está asegurada por algunos años más, en dicha plataforma suceden vaivenes tecnológicos que pueden inutilizar o minimizar nuestra audiencia.

Podemos encontrar ejemplos en, las severas restricciones de seguridad a las que se ve sometido desde la aparición de “Windows XP Service Pack 2” cualquier contenido “ActiveX” incrustado en una página web, o la guerra sin cuartel hacia comportamientos, hasta ahora comunes, que permitían lanzar ventanas emergentes sin intervención del usuario.

Podemos concluir que el uso de tecnología estándar extiende el periodo de vida de nuestra inversión, ya sea dineraria o basada en el desempeño personal.

Maximización de su audiencia potencial

Como consecuencia de los puntos anteriores queda patente que la accesibilidad de nuestro sitio web se maximiza con el respeto a los estándares.

Dicha consecuencia no es algo que debamos minusvalorar, ya que cuando el objetivo de nuestro sitio web es realizar a nuestros usuarios labores de promoción, información, ventas, asistencia, etc. el hecho de ser capaces de llegar a la totalidad de la audiencia maximiza nuestra capacidad comunicativa.

Igualmente como veremos con más profundidad, el uso de estándares posibilita resolver con suma facilidad:


  • El problema de accesibilidad que supone mantener versiones para dispositivos móviles, PDAs, impresoras, etc.

  • El problema de usabilidad que supone construir sitios accesibles por personas con minusvalía.

Reducción de tamaño global

Una de las consecuencias del uso de la filosofía XHTML + CSS es que, debido a la separación de los contenidos y del diseño se minimiza el contenido redundante entre páginas.

Ello contribuye a reducir de forma sustancial el tamaño de nuestras páginas, lo que redunda en:


  • Una mejor experiencia para nuestros usuarios, al reducir el tamaño de cada página y la cantidad de datos que han de descargar en su navegación.

  • Una experiencia adecuada para los usuarios que estén usando las versiones destinadas a dispositivos móviles de nuestro sitio web.

  • Un mejor aprovechamiento de nuestra infraestructura:

    • Reduciendo de manera significativa la carga de nuestros servidores.

    • Reduciendo el tráfico necesario para servir nuestros contenidos, lo cual en muchos casos puede redundar en ahorro si trabajamos con servidores que cobran según la cantidad de datos transferidos.

La disminución de tamaño que las páginas experimentan al ser diseñadas respetando los estándares justifica por si sola rediseñar todo un sitio web en sitios que soportan un alto tráfico.

Mejor indexación en motores de búsqueda

Cuando diseñamos respetando los estándares provocamos que los analizadores de los motores de búsqueda clasifiquen mejor nuestros contenidos.

Una de las causas de ello es el empleo de los elementos semánticos a los que nos obligan dichas normas, los cuales sirven para dotar de importancia a determinadas partes de nuestros contenidos

Igualmente la separación entre contenidos y diseño posibilita que en la lectura de cada una de nuestras páginas dichos analizadores encuentren un ratio mayor de contenidos útiles que de código destinado a la representación de los mismos.

Como expresábamos en el anterior punto, esta mejora en las posibilidades de permanecer bien situado en los buscadores puede justificar por si sola el empleo de la filosofía de diseño que proponemos.

Enlaces relacionados:

Especificación del lenguaje de marcado XHTML 1.0

Especificación del lenguaje de marcado XHTML 1.1

Especificación del lenguaje de marcado XHTML Basic (subconjunto limitado para dispositivos móviles)

Especificación el lenguaje CSS1

Especificación el lenguaje CSS2

Pautas de Accesibilidad del Contenido en la Web 1.0 (WAI)

La importancia de la accesibilidad: Análisis de accesibilidad

Diferencias entre usabilidad y accesibilidad

Publicado el 24/10/2004 a las 11:00 AM
Categorías: Diseño web, Accesibilidad, Usabilidad
Comentarios (3)Trackbacks (5)Enlace permanente

Jueves, 17 de Junio de 2004

Audio y Vídeo en la web


Si existe un área en la publicación de contenidos en la que las discusiones sobre accesibilidad son feroces esta es la inclusión contenidos multimedia.

En este artículo nos centraremos únicamente la cuota de mercado que obtienen las diferentes tecnologías que permiten ofrecer audio y vídeo a través de la web.

Es bien sabido que existen tres compañías en una lucha encarnizada por dominar el mercado de los formatos de medios tanto en el área de escritorio como en la web.

Microsoft con su Windows Media, RealNetworks con su RealOne y Apple con su QuickTime se reparten el mercado en proporciones que todo profesional debería conocer:


Cuota de mercado de los reproductores multimedia

Atendiendo a dichos datos, nunca concretos ni fiables al 100%, podemos hacernos una idea sobre que formato es el adecuado para la publicación de nuestros contenidos, pudiendo hacer hincapié en seleccionar uno o varios que satisfagan nuestra audiencia potencial.

Estas conclusiones han de ser elaboradas individualmente para cada proyecto, forzosamente cada uno de ellos contemplará necesidades diferentes. Por ejemplo, un sitio web sobre diseño o artes gráficas tiene una mayor audiencia potencial de usuarios con Mac, a los que hay que satisfacer, que un sitio web de información general.

Existen formatos genéricos que son soportados por todos los reproductores referenciados anteriormente, que pueden considerarse potencialmente accesibles para todas las plataformas, como pueden ser el mp3, mp3pro, mpeg4, Ogg, etc.

En un próximo artículo se expondrá la manera de insertar contenidos en estos formatos que serán funcionales en el reproductor predeterminado de la plataforma del usuario.

También trataremos la posibilidad e idoneidad de utilizar el formato Flash, presente en el 98% de los ordenadores que se conectan a Internet y estándar de facto, para la distribución de contenidos multimedia de audio y vídeo.

Enlaces relacionados:

Microsoft Windows Media

RealOne

Apple QuickTime

Macromedia Flash

Publicado el 17/06/2004 a las 04:00 AM
Categorías: Diseño web, Accesibilidad
Comentarios (1)Trackbacks (1)Enlace permanente

Martes, 11 de Mayo de 2004

Contenidos PDF en la web: Ventajas e inconvenientes


El formato PDF es un estándar de facto, es universal, multiplataforma y existe un amplísimo parque de lectores instalados. Nos resultará complicado no hallar en cualquier computador el lector oficial y gratuito Adobe Reader o alguna alternativa que lo sustituya.

Este formato, propiedad de Adobe, se está convirtiendo en una pieza clave en dicha compañía. En un futuro es de esperar que todas sus aplicaciones de diseño lo usen como formato nativo.

Hace algun tiempo todos pudimos comprobar como un fichero PSD de Adobe Photoshop podía ser guardado en PDF sin perder una sola de sus características, permitiendo guardar su contenido cifrado, y añadiendo la posibilidad de ser visto e impreso en cualquier computador que dispusiera de Adobe Reader sin necesidad de disponer de una copia de Adobe Photoshop.

No vamos a hablar de las bondades del formato PDF ni de la versatilidad que supondría su uso como formato universal. Nuestra tarea es aclarar cuándo y cómo se debe usar dicho formato de publicación dentro de un sitio web.

Cuando colocamos archivos PDF en nuestras páginas debemos tener en cuenta que con ellos ha de aumentar nuestra utilidad.

Debemos hacer notar que que no es nada accesible colocar documentos en formatos, que aun siendo estándares de facto no son gratuitos, como Word, WordPerfect, Excel, etc. No es sensato pretender que para hacer uso de nuestros contenidos nuestros visitantes deban pagar una licencia de cada uno de esos programas, o cambiar de plataforma.

Con PDF no tendremos ese problema, debido a que el lector oficial, disponible para múltiples plataformas Adobe Reader, es gratuito y además existen multitud de alternativas a éste igualmente gratuitas y para las más variadas plataformas.

PDF es el formato adecuado para publicar cualquier tipo de documento al que queramos dotar de utilidades como: facilidad de impresión, de descarga y almacenamiento, de visualizarlos fuera de linea y en múltiples dispositivos, de distribución entre usuarios, conservación de una estructura paginada, etc.

Hemos de concienciarnos que de nada sirve colocar determinados contenidos que los usuarios demandan leer en línea en formato PDF. La navegación por ficheros de dicho formato a través de su lector arruina la usabilidad e incide negativamente en la accesibilidad de sus contenidos.

Es una buena idea que en documentos web susceptibles de ser guardados por nuestros visitantes ofrezcamos una alternativa en PDF para facilitarles su descarga. En este caso ofreceríamos nuestra información tanto en formato web como en PDF.

En otros casos, cuando la información que ofrecemos solo es útil de manera impresa o consideramos que la lectura en línea carece de sentido podemos ofrecer exclusivamente dicho contenido en formato PDF.

En ambas situaciones generamos utilidad ahorrando al usuario la incomodidad que supone guardar múltiples páginas de nuestra web usando la opcion correspondiente de su navegador. Nuestro usuario encontrara un util archivo paginado, de fácil distribución, bien maquetado y listo para su impresión.

En cualquier caso siempre es bueno que tenga en cuenta los siguientes consejos, que le ayudarán a integrar dichos ficheros en su web de manera exitosa:

- Siempre debe advertir a sus usuarios, con un texto explicativo o icono, que determinado enlace apunta a un fichero PDF. Les ahorrara el sobresalto que supone la aparición inesperada del lector Adobe Reader.

- Componga sus documentos para una versión de Adobe Reader inmediatamente inferior a la que se encuentra en el mercado.

- Trate de acompañar los enlaces a documentos PDF con una nota explicativa sobre su contenido. Logrará dotar de utilidad a su web, ayudando a sus usuarios a discernir si determinado contenido les interesa, y les ahorrara interminables sesiones de prueba y error.

- Intente colocar en los textos de dichas notas el mayor número de palabras clave que identifiquen a esos ficheros de cara a los motores de búsqueda.

- No permita que los motores de búsqueda indexen directamente su fichero PDF, los usuarios a raíz de sus búsquedas hallarían el fichero PDF insertado en su navegador y no su página, evitaría que el usuario pudiera usar la estructura de navegación que usted ha definido, le haría perder contenidos relacionados con dicho fichero PDF disponibles en su web y a usted le haría perder una visita. Los buscadores deberían indexar la página con las palabras clave descritas en el anterior punto. En la práctica como solución sencilla puede almacenar todos sus ficheros PDF en una misma carpeta y prohibir la indexación de dicha ruta mediante un fichero robots.txt.

- Aproveche el nombre del fichero para titularlo de forma descriptiva. Logrará que los usuarios que lo descarguen lo encuentren con un nombre amigable.

- Informe a sus usuarios de la manera de descargar el fichero evitando la carga del lector Adobe Reader insertado en sus navegadores.

- En el caso de que desee evitar siempre a sus usuarios la aparición de Adobe Reader insertado en sus navegadores y la lenta carga de las páginas del fichero puede hacer que la extensión “.pdf” pase a ser del tipo mime “application/octet-stream”. Ello provocará que el navegador lo descargue como cualquier otro archivo binario sin identificar.

- Coloque en lugar visible una explicación sobre como obtener e instalar el lector Adobe Reader.

Para crear archivos PDF podemos optar por la solución comercial de Adobe: “Adobe Acrobat”, o bien decantarnos por soluciones mas económicas o incluso gratuitas como:

OpenOffice.org

StarOffice

ABC Amber Text Converter

PrimoPDF

WinPDF

PDFMoto

Click2PDF

CutePDF Printer

PdfFactory Pro

Go2PDF

eDocPrinter PDF Pro

PDFCreator

PDF4Free

Como nota final recuerde que para que el uso del formato PDF se justifique, éste ha de suponer algún tipo utilidad al usuario. Si el hecho de que su contenido se encuentre en PDF es percibido como un problema que provoca dificultades de acceso o molestias a sus usuarios probablemente deba replantearse su política de accesibilidad.

Enlaces relacionados:

Adobe Reader

Adobe Acrobat

Publicado el 11/05/2004 a las 11:00 PM
Categorías: Diseño web, Accesibilidad
Comentarios (2)Trackbacks (1)Enlace permanente

Miírcoles, 05 de Mayo de 2004

La importancia de la accesibilidad: Análisis de accesibilidad


Es un dato aceptado que el éxito de un sitio web pasa por brindar la mejor experiencia posible al usuario. Esto se consigue maximizando estas tres variables: accesibilidad, usabilidad y contenidos.

Al plantearnos un proyecto web todos apreciamos la importancia que unos contenidos atractivos pueden suponer para su éxito. Razón por la que minuciosamente estudiamos y planificamos cada uno de los párrafos, imágenes y demás medios que compondrán nuestra oferta.

Igualmente estudiamos y dotamos al sitio de una cuidada usabilidad, sabedores del importante peso que esta variable tendrá sobre la experiencia de nuestros usuarios.

No obstante, y a pesar de que es de sobra conocida su importancia, a la accesibilidad no se le brinda tal cuidado y planificación.

Es relativamente frecuente que un proyecto web carezca de un análisis de accesibilidad. Necesariamente debemos considerar dicha carencia como un grave error, puesto que sin darnos cuenta podríamos disminuir la experiencia del usuario de un tanto por ciento importante de visitantes hasta el punto de resultarles inútiles y acabar discriminándolos.

Dicho análisis implicará muy directamente los formatos y tecnologías que usaremos para mostrar nuestros contenidos. Debemos seleccionar los que estén presentes en la mayoría de los sistemas de nuestros potenciales usuarios.

Usar tecnologías o formatos escasamente populares aumenta las barreras de entrada y provoca que su sitio web sea escasamente accesible.

Seremos más accesibles siguiendo unas sencillas reglas:

- Use siempre estándares de publicación: El uso de estándares ampliamente aceptados maximiza su audiencia y minimiza los problemas que los usuarios pudieran experimentar para acceder a su sitio. Consulte el World Wide Web Consortium (W3C) y páginas afines para mantenerse informado.

- Evite los formatos propietarios: Si no es absolutamente imprescindible jamás ofrezca información en formatos que obliguen al usuario a tener determinado programa comercial para su visualización. En el caso de ofrecer documentos para descarga use formatos populares como PDF que posee un amplio parque de lectores gratuitos instalados.

- No use características específicas de un navegador o plataforma ni tampoco sobreentienda que su usuario está usando determinado navegador, sistema operativo o posee un determinado programa.

- Consulte las estadísticas de penetración de las tecnologías que pretenda usar para mostrar sus contenidos, eso le ayudará a valorar si merece la pena su empleo.

- No espere que invitaciones a los usuarios a instalar determinado software o plugin den fruto alguno. Asimismo considere que las recomendaciones acerca de cambiar de resolución o navegador caerán en saco roto.

Tenga en cuenta que de no seguir una política de accesibilidad puede frustar la experiencia de usuario de sus visitantes, provocar que usted mismo los arroje hacia su más directa competencia y afectar negativamente su imagen o la de la empresa que represente.

La accesibilidad ha de ser cuidada en todo momento:

- Reflexione en que manera su sitio web puede evolucionar positivamente en dicho aspecto.

- Aproveche la información que le brindan sus estadísticas para valorar el número de visitantes que no llegan a alcanzar sus barreras de entrada. Trate de disminuirlas.

Podemos considerar que una correcta política de accesibilidad:

- Amplia nuestra audiencia potencial.

- Maximiza el tiempo de estancia de los visitantes en nuestro sitio web.

- Hace más sencilla la gestión y modificación de su sitio web.

- Aumenta el tiempo de vida de su sitio web y por tanto de su inversión en dinero, tiempo o recursos.

En esta misma categoría encontrarán próximamente análisis individuales de cara a la accesibilidad de las diferentes tecnologías empleadas para mostrar contenido, así como estadísticas de penetración.

Enlaces relacionados:

World Wide Web Consortium (W3C)

Publicado el 05/05/2004 a las 10:00 AM
Categorías: Diseño web, Accesibilidad
Comentarios (0)Trackbacks (2)Enlace permanente

Jueves, 08 de Abril de 2004

Diferencias entre usabilidad y accesibilidad


A veces encontramos determinados autores que reivindican el término accesibilidad como sustitutivo para el término usabilidad, al que consideran una variación de mal gusto del termino anglosajón “Usability”.

Semánticamente en el mundo del diseño y en el mercado, ambas palabras expresan conceptos ligeramente distintos.

Generalmente consideramos la accesibilidad como las pautas o reglas a seguir para que usuarios discapacitados puedan acceder a la información que les brindamos, ya sea el medio una web, un dvd, un cd, etc.

Este tipo de accesibilidad puede estar fundamentado exclusivamente en el diseño y la forma de disponer los datos, aunque en la mayoría de los casos en la implementación está contemplada la posibilidad de que los usuarios puedan usar diversas herramientas adicionales para facilitar su acceso, tales como el aumento del tamaño de la letra, el uso de navegadores con síntesis de voz o terminales braille, etc. Sin que ello perjudique la legibilidad ni arruine la utilidad del sitio.

Podemos resumir que la accesibilidad supone poder acceder a la información a través de medios poco convencionales.

Así no solo los minusválidos son el target de los sitios accesibles, sino que un usuario de informática móvil podría beneficiarse de la accesibilidad de un sitio web que contemple un diseño especial para ser mostrado en terminales móviles.

Por usabilidad entendemos algo ligeramente diferente.

La usabilidad se centra en las necesidades del usuario. Así si pretendemos diseñar un sitio con buena usabilidad debemos:

- Pensar en que modo el usuario desearía encontrar la información.

- Tener en cuenta las limitaciones de los recursos del usuario a nivel de ancho de banda, capacidad de procesamiento y resolución.

- Diseñar el grado de profundidad que daremos a nuestros contenidos, y si el usuario podrá avanzar en complejidad a medida que lo desee.

- Definir un árbol de navegación atractivo como referencia de navegabilidad en nuestra página web, no abrumando con excesivos enlaces, y mostrándolos a medida que el usuario se interesa por ellos.

- Definir una iconografía y un diseño visual con importante carga semántica, que transmita justo lo que nos proponemos, para así poder ayudarnos del impacto visual en lugar de que éste produzca confusión.

Consideremos dichas enumeraciones como un breve apunte. Hay numerosas reglas y recomendaciones para conseguir medios dotados de una alta usabilidad. En sucesivos días las analizaremos individualmente.

La importancia de la usabilidad debe tenerse en cuenta desde el primer momento para todo proyecto interactivo.

Un sitio web atractivo, de alta carga comunicativa y de envidiable utilidad solamente se consigue alimentando hasta la excelencia estas tres variables: Usabilidad, Accesibilidad y Contenidos.

Publicado el 08/04/2004 a las 10:00 PM
Categorías: Diseño web, Accesibilidad, Usabilidad
Comentarios (2)Trackbacks (1)Enlace permanente