-----

Martes, 10 de mayo de 2005

Curso de Accesibilidad: Día 2

ontinuamos con la crónica del día sobre el curso de accesibilidad.

Hoy hemos seguido viendo los puntos de verificación de las diferentes pautas de accesibilidad y cómo hace para cumplirlos.

El profesor mejora, ya no se mosquea antes las preguntas (¿ habrá leido mi blog ?) y la clase es más entretenida a medida que pasa. He aprendido cosas que desconocía y el resto me ha servido para organizar mis conocimientos, que estaban un poco dispersos por mi mente.

Haciendo videos accesibles

Nos ha mostrado lo sencillo que es hacer un vídeo accesible con su descripción, con SMIL para sincronizar audio video texto, asi como la importancia que tiene describir tanto la situación como transcribir el texto hablado del video, para intentar expresar todas las sensaciones que produce la imagen a persona o dispositivos que no pueden verla.

El colofón ha sido cuando nos ha dicho que transcribamos el vídeo de Pearl Jam - Evolution man. Para estos casos, lo más recomendable es contar con el storyboard o guión original del video

El correcto uso del color

Que en resumen dice que no nos basemos tan solo en el color para transmitir información. Algo lógico, ya que en dispositivos monocromáticos o en personas que no los pueden distinguir, esa información se pierde.

Respecto al contraste de colores, nos ha comentado que existe un algoritmo desarrollado por W3C para ver cómo es el contraste entre dos colores. Si el resutaldo está dentro del rango 125 - 500, el contraste es válido para visualizar correctamente un texto.

Un software que implementa este algoritmo es Color Contrast Analyzar.

Uso de lenguajes de marcado correcto

Como por ejemplo MathML, para funciones matemáticas, creado por W3C

Creación de documentos válidos

Esto se consigue usando correctamente la etiqueta DOCTYPE de html, y posteriormente usando la semántica del lenguaje deseado. Podeis ver una lista de los diferentes DOCTYPE,S

Uso correcto de CSS y del dtd escogido...

Estructura semática

Es decir, hacer un uso correcto de las etiquitas h1, h2, h3... p, q, blockquote, lista (ordenadas, sin ordenar, de definición)... ya que con ellas se solucionan muchos problemas de acceso a la información de un documento

Idioma

Hay que especicar en todo momento el idioma principal usado, así como marcar las palabras que aparezcan en otro idioma con el que sea correcto.
Las abreviaturas y los acrónimos tambien deben ser marcados, con las etiquetas abbr y acronym respectivamente, para que así, los lectores de pantalla, puedan, en un momento dado, leer el texto completo de la abreviatura a los usuarios.

Tablas

Tema polémico. Creo que a estas alturas ya todos sabemos que las tablas no son para maquetar o estructuras la página en diferentes partes, sino para mostrar datos tabulares. Para crear diferentes layouts debemos usar CSS (gracias a dios esto lo llevo haciendo basante tiempo). Hay además muchísimas cosas que hacer con las tablas para que sean accesibles, como la agrupación de columnas, indicar a que columnas pertenecen las celdas de resultados... pero es un tema muy extenso que no voy a tratar ahora.

Deshabilitando extras

Como pueden ser javascript, CSS, flash, applets java... Debemos asegurarnos de crear contendio accesible para todos cuando no se dispongan de estas tecnologías.

Además, debemos asegurar que los clientes que no dispongan de javascript, pudean ver correctamente las páginas sevidas. No debemos permitir que una validación por javascript impida que el usuario pueda enviar un formulario, o lo que espero, crear menús por javascript que impidan a los usuarios que dispongan del mimos, ver contenido de la página.

Bueno, me dejo mucho sobre la clase de esta tarde. Ahora pasemos a ver unos enlaces (aparte de los que hay en el texto), algunos que conocía y algún otro que no

• csszengarden.com. Diferentes CSS para un mismo sitio web. Puedes enviar los tuyos
• iblnews.com. Prueba cambiar el tamaño de fuente desde explorer, verás que sorpresa. No es un fallo de explorer, sino de la página, que tiene las fuentes a tamño fijo, cuando lo correcto es usa relatvio (em)
• http://www.CSS.maxdesing.com.ar
• Hacks de los diferentes exploradores para CSS
• tableless. Beneficios de los CSS en las webs de grandes compañias. En uno de los apartados nos muestra la web original y en otro su rediseño con CSS de forma que la apariencia sea la misma pero el tamaño de los fichero se reduzca muchísimo más de la mitad.

PD: Si, ya se que no he aplicado todos los que he aprendido a este post, pero comprenderlo, he salido de casa a las 7.30 de la mañana para ir a currar, me he comido algún marrón que otro,he comido en la oficina, me ido al curso y son las 21.30, acabo de llegar, y de lo único que tengo ganas es de pillar el sofá y el mando de la tele.

Por: txamu | Diseño Web | Comentarios (0) | Referencias (0)