Los días 20, 21 y 22 de Octubre se celebrará en Logroño, La Rioja, la XI edición de las Jornadas SIDAR, constituidas en el “Congreso Internacional de Accesibilidad Web SIDAR 2010″, en las que se expondrán todo lo relacionado con la accesibilidad en la red y recursos de Internet.
Este evento reúne a los principales expertos y líderes del sector, que presentan los conocimientos y tecnologías más actuales, así como las técnicas requeridas para eliminar las principales barreras e incrementar el número de usuarios/clientes de un Website o sede Web.
Más información sobre el programa e inscripciones en la web de las Jornadas SIDAR o accediendo a través del siguiente banner:
Recientemente he descubierto una extensión de firefox llamada WCAG Contrast Checker, la cual permite comprobar el contraste existente entre los colores de fondo y primer plano siguiendo las especificaciones WCAG 2.0 y 1.0.
Como comenta el autor en su web, la herramienta realiza un análisis tanto para una visión normal como para distintos problemas de visión:
- protanopia (carencia de sensibilidad al color rojo)
- deuteranopia (carencia de sensibilidad al color rojo)
- tritanopia (carencia de sensibilidad al color azul)
Además es posible utilizarlo junto con la extensión ColorZilla de Firefox, para poder seleccionar los colores del sitio web mediante el uso de la herramienta de cuentagotas.
Tal y como se explica en las pautas WCAG 2.0 hemos de basarnos en los siguientes criterios a la hora de asignar colores a la web:
Pauta 1.4 Distinguible: Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.
- 1.4.1 Uso del color: El color no se usa como único medio visual para transmitir la información, indicar una acción, solicitar una respuesta o distinguir un elemento visual. (Nivel A)
- 1.4.3 Contraste (mínimo): La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: (Nivel AA)
- Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño tienen una relación de contraste de, al menos, 3:1.
- Incidental: Los textos o imágenes de texto que forman parte de un componente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste.
- Logotipos: El texto que forma parte de un logo o nombre de marca no tiene requisitos de contraste mínimo.
- 1.4.6 Contraste (mejorado): La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 7:1, excepto en los siguientes casos. (Nivel AAA)
- Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño tienen una relación de contraste de, al menos, 4.5:1.
- Incidental: Los textos o imágenes de texto que forman parte de un componente de la interfaz de usuario inactivo, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste.
- Logotipos: El texto que forma parte de un logo o nombre de marca no tiene requisitos de contraste mínimo.
Gracias al theme Sandbox para Wordpress es posible controlar el diseño de tu blog en todos los aspectos.
Era hora de adecuar el estilo de mi blog al del resto del sitio y a partir de aquí seguir añadiendo contenido. Seguimos cumpliendo objetivos.
Esta mañana he leído un artículo muy interesante sobre diferentes formas de presentar un diseño web a los clientes. En él se muestran los pros y contras de cada opción, que varían entre realizar el diseño enteramente en XHTML/CSS, diseñarlo en Photoshop o ayudarte de una aplicación web. Aquí dejo un resumen del artículo original.
XHTML/CSS (Implementado en el navegador)
- El diseño en Photoshop puede variar a la hora de implementarlo con hojas de estilo (CSS), por lo que se ajusta más al diseño final.
- Permite ver el resultado en diferentes navegadores basados en diferentes motores de renderizado: Firefox (Gecko), Safari/Konkeror/Chrome (Webkit), Opera (Presto) e IExplore (Trident), entre otros.
- El tiempo invertido es mayor, a veces es mejor diseñar dos o tres páginas sencillas del sitio y mostrar las más complicadas como una imagen estática, de manera que no eches a perder horas de trabajo si al cliente no le gusta el diseño.
Diseños en soporte rígido (Visual)
Este método no es muy usado en el diseño web, es más propio del diseño de impresión. Hojas A3 en soporte rígido para explicar el diseño y otras más pequeñas, en A4 por ejemplo, que entregar al cliente con casos concretos y anotaciones.
Una imagen estática en el navegador
- Es una de las maneras más sencillas de presentar un diseño web en el navegador, añadiendo una imagen estática mediante CSS como fondo.
- Al cliente se le envía un link al que podrá acceder para ver nuestro diseño.
- Se puede hacer una comprobación de la resolución que está usando el cliente para adaptar la escala de la imagen a la resolución concreta y conseguir un aspecto visual más adecuado.
- No permite al cliente navegar por los diferentes enlaces, con lo cual dificulta el análisis dela experiencia del usuario en nuestro diseño.
Enviar una imagen estática por email
- Ésta es la manera más simple de enviar tu diseño web, mediante una imagen plana en JPEG (u otro formato) por correo electrónico.
- El problema que se deriva de esta técnica es que el cliente posiblemente vea la imagen ‘ajustada’ al tamaño de su visor de imágenes o quiera imprimirla en un A4 (con lo cual se reducirá el tamaño de tu diseño y no se verá al 100%). De esta manera es posible que varíe considerablemente la idea que se haya hecho el cliente con el diseño final que vea en el navegador.
Usar una aplicación web
Mediante una aplicación web como Notable App puedes presentar, compartir y añadir anotaciones de tus diseños online. Te permite añadir explicaciones del diseño a tus clientes y que ellos hagan feedback de partes concretas de éste. De esta manera puedes tener a varias personas accediendo a la vez y dejando múltiples notas en el mismo diseño.
Fuente: How to present your designs to the client (inglés)
