II Curso online avanzado de diseño de webs eficaces
Anteriormente ya se realizó el I curso online de introducción al diseño de webs eficaces de la Universidad de Murcia el cual terminó el día 5 de abril. Ahora y desde el día 30 de marzo al 27 de abril está abierta la inscripción al II Curso online avanzado de diseño de webs eficaces.
Estos cursos se realizan on-line a través de la plataforma SUMA y tienen un precio de 100 €.
En el primer curso los temas tratados fueron:
- Diseño de sitios web (XHTML + CSS)
- Usabilidad y Accesibilidad
- Arquitectura de la información
Plataforma SUMA carente de usabilidad
La plataforma SUMA es una aula o campus virtual usado por la Universidad de Murcia para realizar sus cursos on-line de formación.
Recientemente he realizado un curso sobre usabilidad y accesibilidad con esta plataforma y lo cierto que pese a los buenos, muy buenos, resultados obtenidos en el curso, todo a sido algo paradójico. Si, muy paradójico, porque se estaban tratando unos temas que para nada eran aplicables a la plataforma.
Bueno, primero hay que entender que la plataforma SUMA es antigua y se desarrolló en la época de los frame’s y los popup’s, no obstante, desde que inicie mis andadas en Internet siempre he tenido una cosa muy clara, Internet es para todos no solo para freaks. Así que no me explico como se han echo tantas barbaridades con JavaScript y frames a lo largo de todo este tiempo.
Analizar el contraste de los colores
Cuando realizamos los test de accesibilidad, ya se con TAW o HERA, siempre nos dice que revisemos manualmente el contraste de los colores. Con este plugin de firefox:
Colour Contrast Analyser podremos realizar dicha tarea mucho más rápido.
Al lanzar el plugin nos mostrará una página html con la comprobación de todos los colores de nuestros textos con sus respectivos fondos donde nos marcara en amrillo las combinaciones que no sean corectas y no superen el test de accesibilidad.
Consejos de accesibilidad web
Primero de todo, lo expuesto a continuación no va hacer que tu página supere los tests de accesibilidad, pero si lo tienes en cuenta a la hora de desarrollar un proyecto te traerá menos dolores de cabeza y podrás centrarte en los aspectos de la accesibilidad más difíciles.
Los mejores consejos que se pueden dar para hacer una web accesible tal vez se puedan resumir en dos:
- Usar el sentido común
- Validar el código XHTML y las hojas de estilo CSS según los estándares del W3C
Lo difícil es seguir estos dos consejos pero esta claro que no todo queda aquí y probablemente no tengamos ni medios ni dinero para hacer pruebas de usabilidad y accesibilidad satisfactorias.
Voy a evitar lo obvio, como separar el código de los aspectos visuales no usar contenido dinámico ni efectos JavaScript, etc. Todo esto ya lo sabemos. Por eso os propongo una serie de claves para lograr una web accesible.
Accesibilidad, en busca de la triple A
Pese a que el diseño de la web esta inacabado estoy satisfecho por que estoy a punto de lograr la triple A (AAA) en accesibilidad. No es para nada una tarea fácil, pero afortunadamente el blog es pequeño y se puede lograr.
Por ahora el blog pasa sin problemas el test de accesibilidad de HERA de nivel A. Para el nivel AA, tan solo queda por omitir esos estilos no soportados por el CSS 2.1 (opacity, border-radius, etc) y los no propietarios (-webkit-border-radius, -moz-border-radius) lo cual afectará sensiblemente en algunas tareas de maquetación y diseño. Por ahora diseño y accesibilidad estan un poco reñidos.
La usuabilidad y la accesibilidad estan de moda
No se si os habréis fijado pero es algo de lo que todo el mundo habla pero pocos aplican. Espero pronto poder hacer una entrada entrando más a fondo en este tema así como la validación XHTML y los estándares.
