|

Publicado el borrador de WCAG 2.0

ByLuis

La W3C publicó el 17 de mayo el borrador de la Web Content Accessibility Guidelines 2.0 (Guía de Accesibilidad para Contenidos Web). En ella se muestran una serie de recomendaciones para realizar contenido Web más accesible. Existen una serie de personas con discapacidades y limitaciones que sufren de un contenido web poco accesible, y últimamente, debido a todo el boom de la web2.0, más aún.

Este documento sufrió críticas y parece que no han hecho oídos sordos a los comentarios de la comunidad y han actualizado la versión de este documento.

Las secciones del documento son las siguientes:

  • Introducción.
  • Guías: perceptibilidad, operabilidad, comprensión y robustez.
  • Conformidad: soporte a la accesibilidad por tecnologías web.

Web Content Accessibility Guidelines 2.0

Vía / 456 Barea Street

Similar Posts

Ubiquity: la web conectada la lenguaje

ByLuis

Ubiquity es un experimento de Mozilla Labs que pretende unir la web al lenguaje. Para ello han desarrollado una extensión para Firefox que permite eso mismo. Mediante frases de texto podremos indicar al navegador qué queremos.

Como una imagen vale más que mil palabras, os dejo el vídeo que han creado:

Ubiquity

|

Microsoft patrocina una aplicación para convertir documentos Office a OpenDocument

ByLuis

MicrosoftMicrosoft va a patrocinar un proyecto open source para convertir los nuevos formatos de documentos de Office a OpenDocument. Aunque el formato de Office está mucho más extendido, OpenDocument está emergiendo poco a poco, sobre todo debido a gobiernos o instituciones.
Eso sí, avisan, la traducción de un formato a otro no va a ser prefecta, ya que los formatos de Office ofrecen más posibilidades que no cubre OpenDocument al ser más limitado (o sencillo). La aplicación funcionará en ambos sentidos: de Office a OpenDocument y viceversa.
Lo que yo no llego a entender es por qué patrocinar una aplicación, realizada por empresas socias de Microsoft, y realizarla en open source. Si es por tu propio interés y beneficio, pues realizalá y listo, no es necesario pintarlo de open source.
Vía / CNET News.com

|

5 efectos CSS accesibles

ByLuis

El tema de la accesibilidad es algo que a veces se deja de lado cuando se quiere conseguir un diseño más dinámico. Pero si se busca bien, se podrá encontrar ejemplos de diseños CSS que sean accesibles.

Estos son 5 muy buenos ejemplos de ello:

  • Enlaces externos: modificas el texto “(enlace externo)” incluyéndolo en un span y después lo que haces es modificar el estilo para que muestre un icono (diferente dependiendo de si es linked, visited o hover) y el texto lo haces desaparecer de la parte visible de la pantalla.Enlaces externos
  • Sigue leyendo: el texto “Sigue leyendo sobre …” se modifica, haciendo que solo aparezca “Sigue leyendo” y el resto del texto aparece como un popup mediante posición absoluta y jugando con el hover.Sigue leyendo
  • Texto variable: al igual que ya contamos en Sentido Web, usando distintas hojas de estilo y accediendo a ellas mediante Javascript.Tamaño de texto
  • Pestañas con imágenes: se crea un menú de pestañas con listas no ordenadas y se cambia el estilo para que no tengan formato de bloque, los enlaces están formados por imágenes y estas cambian según el hover.Pestañas
  • Formularios: dos buenos ejemplos de formularios, uno de ellos muy bien tabulado y otro en tres columnas.Formularios

5 Accessible and pretty CSS tips

Vía / dzone

| | |

FireBug: extensión de Firefox para depurar

ByLuis

Una extensión que nos va a ser muy útil ya que nos permite depurar nuestras aplicaciones web. Entre las opciones que nos ofrece se encuentra la posibilidad de crear trazas en nuestras páginas web, olvidándonos así de los mensajes con alert para ver qué es lo que hace el código; nos avisa de los errores visualmente, algo que siempre he echado en falta en Firefox; inspector del DOM, CSS y eventos; línea de comandos para Javascript, se acabó el escribir el javascript: para ejecutar pruebas aisladas; monitoriza las peticiones AJAX, así como las respuestas; editor de elementos del DOM.
firebug.png
Completa e imprescindible
FireBug
Vía / Genbeta

| |

DOMSlides

ByLuis

domslides.gif Supongo que S5, el sistema para realizar presentaciones basado en estándares desarrollado por Eric Meyer, es ya un viejo conocido.

He de confesar que no lo he utilizado nunca. Y seguramente jamás llegue a hacerlo: me parece que es como matar moscas a cañonazos (Si no te gusta Powerpoint, puedes realizar presentaciones con OpenOffice o hacer un bonito PDF).

Pues bien, hace unas semanas que estamos trabajando con otro sistema, basado también en XHTML, CSS y javascript, que nos permite generar la presentación a partir de un solo documento:

DOMSlides de Christian Heilmann, ligero y grácil cual felino. Y sino, compruébalo navegando por la demo.

|

Incluye sonido en tu web

ByLuis

Creo que no es necesario decir que cualquier exceso es malo, y que tampoco hay que demonizar ni al Flash ni al sonido en una web (esto me cuesta decirlo, pero es cierto). Pero en el caso de que queramos incluir sonido a nuestra página web y controlarlo mediante Javascript, si nos puede ser útil esta librería.

Se trata de Javascript Sound Kit, una clase Javascript que envuelve a un objeto ActionScript, en el cual se carga el sonido, que puede ser controlado por Javascript. Su uso parece bastante sencillo:

var mysound = new Sound();
mysound.loadSound("sonido.mp3", true);
mysound.setVolume(30);

Para aquellos que quieran criticar el uso ya sea de Flash o de sonido en la web (tienen todo mi apoyo), quizás les interese un ejemplo en el que puede ser útil, cuando tengo abierto GMail todo el rato, me avisa si llega un mensaje nuevo mediante un bip. Claro, que no lo necesito porque en Firefox tengo instalada una extensión que ya hace eso, pero no todo el mundo usa Firefox y no todo el mundo que usa Firefox tiene instalada la extensión para GMail.

Javascript Sound Kit

Vía / menéame