A reseñar quedan la baja puntuación obtenida en comparación con webs de Reino Unido o Estados unidos, y aspectos tan necesarios como la posibilidad de contacto con el propio hospital a partir del correo electrónico, la declaración de sus servicios y la calidad de los mismos, o las vacantes laborales existentes.

En relación con esta noticia recordar el informe de Biko2 sobre la usabilidad de los portales de las comunidades autónomas de España, también de gran utilidad y donde tampoco salen muy airosas casi ninguna de ellas.

Os invito a que leais este artículo de Fastastic que viene a romper esta tencencia y nos ofrece una recopilación de sitios web excelentemente diseñados que cumplen al menos la doble-A de accesibilidad web.

Un gran documento para todos aquellos interesados en conocer más acerca de la accesibilidad web.

Acceso directo al documento.

Bromas a parte, todos sabemos ya que nuestros diseños tienen que ser accesibles por muchos motivos, incluso por posicionamiento de nuestros contenidos, así que de una manera y otra nos hemos decidido a seguir estas pautas (más información en esta web).

Hay diversas reglas a seguir, pero quizá la más tediosa es la de sustituir la maquetación de tablas, por maquetación por capas, algo que se antoja cuasi imposible cuando hay que hacer composiciones complejas de elementos.

Supongo que muchos de vosotros os habréis peleado en numerosas ocasiones con el consabido atributo float de los div. [Ejemplo de Float].

La verdad, es que tras mucho usarlo y pelearme con él, nunca me ha convencido realmente. Si bien se usa mucho sobre todo en composiciones de layouts de páginas en 2-3 columnas, empieza a ser muy complicado de usar cuando no es tan fácil lo que tienes que maquetar en XHTML.

Gracias a Dios (y a este libro, totalmente recomendado 100%), di con otra solución que creo mucho más útil y que permite que tus diseños sean total y realmente cross-browser. El uso combinado de posicionamiento relativo y absoluto.

Para muestra un botón. Me dispongo a maquetar una rejilla de 3×3 elementos, típicamente una “tabla”, pero con el uso únicamente de capas (divs) y CSS. Si bien con floats, esto se antoja cuanto menos “complicado”, vereis como con el uso de posicionamientos relativo y absoluto se simplifica en gran manera tanto la CSS como se disminuye la cantidad de capas a usar, únicamente a las 9 celdas implicadas y a una capa contenedora.

El atributo position: absolute, posiciona un elemento de manera absoluta respecto a su contenedor, que si no establecemos ninguno, sería la ventana del navegador, con los problemas entre distintas resoluciones que esto nos puede provocar.

La clave está en establecer una capa contenedora de nuestro layout y poner el atributo position: relative, pero sin fijar ni las posición vertical (top) ni izquierda (left). De esta manera conseguiremos que todos los elementos que se posicionen dentro de dicha capa, lo pueda hacer de manera relativa a ésta.

Para esto, simplemente, en las capas interiores deberemos de establecer position:absolute (a la contenedora), y fijar las coordenadas x (top) e y (left) a partir de las cuales se pintarán. Por supuesto también tendremos que fijar al menos su ancho y alto.

Para que podáis ver un ejemplo completo, os he preparado este archivo HTML con la información de estilos pertinentes, para que reviseis el código fuente y veais lo limpio que queda el código, además de lo sencillo que es posicionar los elementos. Os dejo comentada la versión líquida (ancho variable) para que podáis probarlo.

Espero que os sea de utilidad.

Tras un amplio periodo en el que se han usado en su versión 1.0 (versión en español), este organismo ha considerado oportuno hacer una revisión del texto, más acorde a la actualidad de la web, así como para pulir o cambiar algunas de las pautas anteriores.

Para el que no sepa lo que significa accesibilidad os propongo dos definiciones:

- Accesibilidad Web (W3C): “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, etc.). ”

- Accesibilidad (WikiPedia): “La accesibilidad indica la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquellas que poseen algún tipo de discapacidad”.

Tras esta introducción pongamos aquí las líneas maestras de las nuevas reglas de accesibilidad de la W3C:

Web perceptible:

• Proveer alternativas de texto a todos los contenidos no texto, de manera que puedan ser transformados en otras formas según necesite, como puede ser impresión grande, braille, voz, símbolos, o lenguaje simple.
• Proveer alternativas sincronizadas para el contenido multimedia.
• Crear contenido que pueda ser representado en diferentes maneras (por ejemplo hablado, con una maquetación más sencilla, etc.), sin perder información ni estructura.
• Hacer más fácil a las personas con discapacidades el ver y escuchar contenidos.

Web operable:

• Hacer que toda la funcionalidad se pueda manejar desde un teclado.
• Proporcionar suficiente tiempo para leer y usar el contenido.
• No crear contenido que pueda causar ataques epilépticos, convulsiones (flashes rápidos, etc.)
• Crear mecanismos que ayuden a los usuarios con discapacidades a navegar, encontrar contenido y determinar dónde se encuentran.

Web entendible:

• Hacer que el contenido textual sea leíble y entendible.
• Hacer que las web funcionen de manera predecible.
• Ayudar a los usuarios a evitar y corregir posibles errores.

Web robusta:

Maximizar la compatibilidad con los agentes de usuario (navegadores, interpretadores, …) actuales y futuros.

Por el momento este proceso se encuentra en un grupo de trabajo, pero se espera que se apruebe en un futuro cercano.

Estaremos atentos.