Se muestran los artículos pertenecientes al tema Accesibilidad.
Pautas para escribir contenido sobre discapacidad
Gracias a un post de Lucia Navarro en el blog Ser Accesible, llego al maravilloso blog de Pedro García Recover sobre la redacción de contenidos sobre accesibilidad. Como pone en el propio blog:
Este espacio pretende alcanzar una aproximación a unas pautas de estilo en la redacción de cualquier texto, preferentemente los periodísticos, que traten temas referentes a la discapacidad. En este Blog, se aconsejan formas posibles en la redacción sin caer en lo peyorativo, estigmatizante o heróico, alusivo al colectivo de personas con alguna discapacidad.
Una buena iniciativa que se va directa a mi lector de feeds.
Remember: Portal de Turismo de Navarra
Gracias a una petición, he tenido que recuperar un post que escribí hace tiempo sobre el portal de Turismo de Navarra, fue publicado por Fran Tarifa en su blog el 2 de Junio de 2006 y ahora he podido recuperarlo. Aquí lo dejo para la posteridad:
El 31 de mayo, coincidiendo con la II Gala del Turismo en Navarra, se presentó oficialmente la nueva web de Turismo del Gobierno de Navarra. Un portal bastante grande y con muchos recursos para hacer frente a la nueva campaña de turismo del Gobierno de Navarra “Reyno de Navarra. Tierra de diversidad”. Que comenzó hace ya un tiempo, y que tiene como principal objetivo atraer más turismo a Navarra fuera de los Sanfermines.Tenía muchas ganas de que este proyecto saliese a la luz, puesto que conozco de primera mano los requisitos que se pedían en el pliego de condiciones del concurso del Gobierno de Navarra y sinceramente me parecía bastante complicado cumplirlos todos y crear una web accesible. Uno de los mayores inconvenientes era la implementación de la web sobre el CMS 2002 de Microsoft que usa tecnología .NET para la creación de sus plantillas. La tecnología .NET a pesar de los esfuerzos de Microsoft por cumplir la ley de la Sección 508, no llega a desarrollar plantillas que cumplan con las pautas de accesibilidad de la W3C.
Así pues en cuanto salió la web, me lancé a destriparla. Lo primero que me sorprendió es que no existía en toda la web un solo logotipo de accesibilidad (al menos a simple vista), y que el diseño tenía muy buen aspecto (tipografías, flash, imágenes de buena calidad). Tras hacerle unas pruebas automáticas, con el TAW y con el Examinator, en las que se me devolvían errores de accesibilidad de nivel dos y tres; y una nota de 7,4 en el Examinator, abrí el código fuente, y aquí comenzó mi sorpresa.
¡¡Es realmente impresionante que hayan conseguido un código tan bueno!! Mi más sincera enhorabuena al equipo de NMP (ahora BIKO2), porque creo que han realizado un enorme esfuerzo y un buen trabajo para lograr esta web. Es posible que se puedan mejorar ciertos aspectos de accesibilidad, pero no se les puede negar el esfuerzo y el trabajo realizado; y el resultado para mí es sencillamente genial.
Código estándar, teclas de acceso rápido, listas, parrafos, enlaces ocultos para saltar los menús….y todo eso cumpliendo el pliego de condiciones del concurso. Puede que por imposiciones hayan tenido que prescindir de cierta accesibilidad a cambio de tener una web con mayor interacción con cierto tipo de usuarios; pero para mí el resultado es satisfactorio para todos. Y satisfacer a tanta gente es muy difícil.
Esta es la dirección correcta de la accesibilidad web, no como una moda, si no como una forma de mejorar la web, un camino que hemos de recorrer poco a poco, entre todos.
¡Enhorabuena!
Migas de pan accesibles y JAWS
Ayer mantuvimos en el curso una animada conversación sobre cómo se deben maquetar unas migas de pan, si los separadores deben ir en código o por CSS y qué implicaciones tiene para los lectores de pantalla.
Como no conseguí encontrar ningún recurso claro por la red, realicé mis propias pruebas en casa con dos versiones de JAWS distintas una antigüa (versión 5) y la última de todas (versión 8).
Me cree una pequeña página en HTML con unas migas de pan como estas (se han sustituído los "<" por "[" para poder visualizarlo):
[ul>
[li>[span class="screen-readers">Usted está en:[/span>[a href="/" title="pagina principal">Inicio[/a>
[ul>
[li>[a href="/categoria" title="nombre de la categoria">Categoría[/a>
[ul>
[li>Artículo[/li>
[/ul>
[/li>
[/ul>
[/li>
[/ul>
En el curso todos coincidíamos en que semánticamente la mejor forma de representarlas era mediante listas y sublistas anidadas, puesto que al quitar la hoja de estilos es la única manera en la que siguen teniendo sentido. Pues bien, los resultados fueron:
JAWS 5: No lee los caracteres ">" (ni ningún otro como "|", "#" introducido en el HTML)
JAWS 8: Lee los caracteres ">"
De forma que JAWS 8 leería algo como: "lista de 2 subniveles con 2 enlaces. Nivel 1 enlace "Inicio" mayor que subnivel 1 enlace "Categoría" mayor que subnivel 2 "Artículo" se cierra subnivel 2, se cierra subnivel 1, se cierra lista".
Como conclusión: No tiene sentido que Inicio sea mayor que Categoría, aunque jerarquicamente esté por encima, y puesto que el lector de pantalla ya reconoce que las migas están ordenadas en niveles y subniveles, no haría falta introducir en código ningún elemento separador. Aunque se recomienda introducirlos por CSS como separadores visuales.
aDesigner: el simulador de discapacidades visuales de IBM
Llego tarde, muy pero que muy tarde. Según he visto el aDesigner, el simulador de discapacidades para desarrolladores web de IBM, salió al mercado hace unos 4 años. La última versión es de septiembre de 2007 y entre sus nuevas características incorpora el soporte para ficheros ODF (OpenDocument Format) y para contenido en Flash.
aDesigner nos equiparará visualmente con aquellos de nuestros usuarios que posean una discapacidad visual. Os dejo como ejemplo, cómo se vería este blog para una persona de 60 años, con el 30% de visión y un problema de visión con los colores azuels.
Sin duda alguna una muy buena herramienta para profundizar más en nuestras auditorías de accesibilidad o para probar nuestras páginas antes de entregarlas al cliente.
CSS: como ocultar algo sin usar display:none
Cuando queremos ocultar enlaces en nuestra página web para que las personas con dispacidad, que usan un lector de pantalla, puedan saltarse parte del contenido de nuestro sitio web como por ejemplo el menú es habitual pensar en lo más rápido y sensato: Recurrir a la CSS.
Más concretamente a la propiedad display, la cual nos permite modificar el comportamiento de nuestros elementos pudiendo convertirlos en elementos en linea, de bloque, en linea de tabla y por supuesto ocultarlos. Perfecto, colocamos a nuestro enlace una clase como la siguiente:
.screen-readers {display:none}
O en su defecto usar la propiedad visibility para ocultar sin perder su espacio físico en la pantalla. Quedaría de la siguiente manera:
.screen-readers {visibility:hidden}
O si queremos simular el efecto del display
.screen-readers {position:absolute; visibility:hidden}
Pero tal y como algunas investigaciones han mostrado la gran mayoría de los lectores de pantalla tiene muchos problemas con ambas propiedades, así pues nos encontramos con un pequeño reto. Una de las soluciones que más he visto es la de usar la propiedad text-indent (que sirve para dar sangría a la primera frase de cada párrafo) y ponerla en negativo. De la siguiente manera:
.screen-readers {
position:absolute //para que no ocupe espacio físico
text-indent:-1000em //para que la primera línea del párrafo salga fuera de la pantalla
}
Pero existe un problema con el text-indent en Internet Explorer 7 (¿quién si no?), no "saca" el texto de la pantalla y nos termina poniendo scroll horizontal en nuestra preciosa página web.
Es por ello que se plantea la siguiente solución al problema:
.screen-readers {
position:absolute; //para que no ocupe espacio físico
display:block; //para poder modificar las propiedades de caja del elemento
width:0; //para que no ocupe espacio
overflow:hidden; //para que todo el texto que salga fuera del tamaño del contenedor esté oculto
}
Con esto logramos todo, por una parte que los lectores de pantalla lo lea, por otra que Internet Explorer no haga cosas raras y por último que no ocupe espacio ni se vea en nuestro sitio web.
Espero que a la gente que se pelea con la accesibilidad le haya servido de algo.
Antena 3 desprecia a sus usuarios
Antena 3 ha estrenado web. Más bien ha estrenado un despropósito, no voy a meterme en cómo distribuyen la información, la presentan, ni en cómo hacen uso del espacio. Tampoco voy a hablar de la navegación. Voy a hablar de accesibilidad.
Está es la web de Antena 3 (los espacios en blanco son Flash que no he podido capturar)
Y esta es la web de Antena 3 con el javascript deshabilitado
¿qué la imagen está en blanco? ¿por qué puede ser? Aquí está el culpable:
¿¿A qué empresa de desarrollo se le ocurre meter el código HTML desde funciones javascript?? Lo siento pero me he quedado sin palabras. Y con un cabreo monumental.
Webday Pamplona: Estándares Web y Accesibilidad
Aquí os dejo la presentación por si queréis echarle un ojo ; )
Premios día de Internet 2007
Mañana se entregarán en Málaga los Premios día de Internet 2007 . Este año parecía que algo había cambiado en la mentalidad del jurado a la hora de entregar el premio Mejor Accesibilidad . Después de dos años de dudosos premiados (el primer año fue la ONCE con una web con bastantes errores de accesibilidad) y finalistas, el SIDAR había elaborado un informe de las candidaturas para que el jurado lo tuviera más fácil en la decisión.
Según el informe, de los 10 finalistas existían 5 sin errores automáticos de validación y 5 que sí. Con lo cual yo esperaba que los elegidos en el Top 3 que obtan al galardón final estuvieran entre los 5 sin errores automáticos y con menos errores manuales.
Pero otro año más el jurado nos ha sorprendido a todos con el Top 3:
- Serviweb: 1 error de validación automática en prioridad 2 con TAW y HERA
- Universidad de Oviedo - HCI-RG: Ningún error de validación automático
- Bankinter: 1 error automático en prioridad 2 y 2 errores en prioridad 3 con TAW
Espero que el premio lo reciba la Universidad de Oviedo, aunque casi personalmente creo que ganará Bankinter (siempre queda mejor en prensa anunciar un ganador de la talla de Bankinter y que da más publicidad indirecta a los premios).
A mí este año me queda saber que uno de los proyectos que he realizado durante el 2006 llegó al Top10, pero sobre todo me queda saber que podía haber estado en el Top3. Dependiendo del ganador de este año, ya veremos si el año que viene presentamos una candidatura.
La resaca de la charla
Ayer fue la charla de estándares web, accesibilidad y usabilidad en el CES y con la colaboración de NavarraDotNet . Y la verdad que me gustó la experiencia (a pesar de los nervios de todos los días previos), y salí bastante contento.
La charla empezó con la presentación del CES a cargo de Rafael Flores (es un crack!!), que presentó a su vez a Juan Eguaras (NavarraDotNet) que terminó presentándome a mí. Juan es un pedazo de artista, además de un buen amigo. Me encantó que fuera él, la persona encargada de presentarme. Al principio hablaban mis nervios, me costó soltarme un rato. Empecé contando a la gente quién soy y a qué me dedico. Falló el micro, falló el pasador de diapositivas, y falló la conexión que nos privó de ver un friky video en YouTube . Después Empecé con los estándares, vimos la ventaja de usarlo e hice una demo. Cambié un menú usando CSS; y luego puse la página de CSS Zen Garden .
La parte de accesibilidad traté de que fuera amena y rápida (no se si lo conseguí), ni siquiera me metí con las pautas, como comenté ayer, si a alguien le interesa lo mejor es que metan horas y caña con la accesibilidad ellos mismos. La demos que puse consistierón en navegar por un par de páginas con JAWS . Vi muchas caras de sorpresa, eso me gustó.
La última parte, era la que peor preparada llevaba, (y creo que se notó). Hablaba de la experiencia de usuario en una página web, pero es un tema tan extenso que no quise cansar al personal y lo di muy por encima, rapidico rapidico y malamente.
Al final terminamos en una rueda de preguntas bastante amena, me hubiera gustado algo más de participación de la gente porque normalmente las mejores ideas suelen salir cuando habla todo el mundo. Y eso fue todo.
¿qué os pareció el evento a los que fuisteis? (las críticas ayudan a mejorar!!)
ACTUALIZACIÓN: He subido a SlideShare la presentación de la charla
Subvenciones Cámara Navarra de Comercio para webs accesibles
Ya comentaba en su día que la Cámara Navarra de Comercio , en colaboración con el Gobierno de Navarra , en el marco del II Plan de Promoción de la Sociedad de la Información, iba a subvencionar a todas aquellas micropymes que entre otras cosas se hicieran una web accesible.
Una de las preguntas más importantes que sugieron en su momento fue: ¿validará la Cámara de Comercio que las webs sean realmente accesibles? Como ya aparecemos entre los proveedores de esta subvención, se me ha ocurrido escribir a la Cámara de Comercio para preguntar si van a realizar una validación para comprar que las webs sean accesibles.
Su respuesta: "Respecto a como van a realizarse las verificaciones lo lamento pero no puedo informarle al respecto."
Dicha respuesta me genera dos lecturas:
- No quieren desvelar cómo van a validar las webs para no que no podamos hacer trampas los proveedores (si es una validación automática podríamos no cumplir todas las pautas obligatorias y pasar la validación)
- No van a validar o ni siquiera se lo habían planteado. Lo cual me parece a estas alturas un gravísimo error.
Tengo que decir que el panorama no pinta nada bien, puesto que examinando por encima las webs de los proveedores, ninguno cumple criterios de accesibilidad salvo uno (nivel A aunque dudosamente). Esto no quiere decir que no sean capaces de hacer webs accesibles, pero da un idea aproximada de los conocimientos.
Ójala me equivoque y el dinero de las subvenciones no vaya a parar a webs que no cumplen los criterios de accesibilidad.
El Día Internacional de las Personas Discapacitadas III
No ha podido ser. Muchas llamadas, muchos mails, horas de espera, reuniones internas...para nada. Finalmente no hemos conseguido organizar las jornadas sobre accesibilidad web de las que ya hablamos aquí. Es una pena, porque tenía muchas ganas de que la gente tuviera la ocasión de ver como las personas discapacitadas navegan por la web, y de como podemos mejorar esa experiencia muy fácilmente.
De todas formas, como las jornadas me parecen realmente interesantes, nos hemos propuesto realizarlas aunque no sea el día internacional de la e-accesibilidad. Porque como decía el anuncio: "todos los días pueden ser Navidad", y porque no tiene que ser San Valentín para regalarle algo a tus personas queridas y porque ¡¡queremos hacerlo!!
La accesibilidad web no cuesta dinero y nos ayuda a todos.
Ganadores Premios TAW
No ha podido ser. La nueva web de Sercom se presentó con muchas esperanzas a esta II Edición de los Premios TAW de accesibilidad web, aunque hay cosas mejorables (diseño líquido, enlaces para saltar al contenido, etc...).
Dar la enhorabuena a:
- Portal Mayores: Premio TAW a la Web pública más Accesible I
- Ayuntamiento de Zaragoza: Premio TAW a la Web pública más Accesible II
- Caixa Terrassa: Premio TAW a la Web Empresarial más Accesible I
- Arume Desenvolvementos Informáticos: Premio TAW a la Web Empresarial más Accesible II
- Circunvalación del Hipocampo: Premio TAW a la Web de entidades sin ánimo de lucro más Accesible
Parece que este año el nivel de las páginas es mayor que el año pasado, esto es sin duda la mejor noticia de estos premios.
El Día Internacional de las Personas Discapacitadas II
El primer intento de hacer las jornadas ha fallado, pero hemos lanzado el plan B y el miercoles tendré más noticias. Espero que el plan B funcione y pueda poner hora, fecha y lugar de celebración de las Jornadas sobre Accesibilidad Web en Pamplona.
El Día Internacional de las Personas Discapacitadas
El próximo 3 de Diciembre es el día Internacional de las Personas Discapacitadas declarados por las Naciones Unidas, y este año se va a dedicar a la e-accesibilidad, vamos la accesibilidad web.
Tras haber leido otras iniciativas y haberlo valorado, estamos intentando organizar unas "jornadas" para acercar a la gente la forma en que las personas con discapacidad acceden a la web, trataremos de que varias personas cuenten sus experiencias y además accederan a varias páginas en directo mediante lectores de pantalla, maximizadores y otras herramientas.
En cuanto sepa algo más, lo comunicaré.
Se aceptan sugerencias.
Joe Clark va por libre?
Llevo varios días leyendo la misma noticia sobre Joe Clark en varios medios, y a pesar de que muchos de ellos se alegran y se emocionan con la noticia yo sólo la leo con preocupación. Es cierto que Joe Clark está considerado un "gurú" de la accesibilidad pero ya sabemos de sus quejas contra las WCAG 2.0 y encima ahora vemos que inicia este proyecto en solitario para llegar a unos estándares de accesibilidad propios, y yo empiezo a ver una maniobra comercial muy al estilo de la que realizó Jakob Nielsen (el "gurú" de la usabilidad) para crear un mundo de estándares y normas entorno a su nombre.
Ójala me equivoque, pero el W3C ya se encarga de crear pautas de accesibilidad ¿qué necesidad hay pues de crear otras? ¿No terminaremos en una guerra de pautas que no beneficiarán a nadie?
Cierto es que el W3C trabaja un poco lento, pero el principal motivo es que su trabajo se fundamenta en las opiniones de todo el mundo, en borradores, en grupos de trabajo, y no en la experiencia de una única persona.
El tiempo nos dirá....
La Cámara Navarra de Comercio subvencionará las webs accesibles
¡¡Menudo despertar!! Vaya notición !! Es todo un ejemplo a nivel nacional que desde esta nuestra comunidad hayan decidido que todas aquellas micropymes que quieran ponerse una web, se les subvencionará una parte si cumple las WCAG-AA.
Y copio y pego textualmente: Las ayudas supondrán como máximo un 30% de los gastos subvencionables justificados, con un límite máximo de 6.000 euros descontado el IVA.
Estoy tan asombrado e ilusionado que no se ni que más poner en el post. Es increible, de verdad.
Leido en el blog de Fran Tarifa
Fuera las etiquetas de validación y de accesibilidad
Me hago eco de un artículo de torresburriel llamado Basta ya de pegatinas de estándares y accesibilidad, para sacar del cajón algo que desde el inicio vengo recomendando y practicando y que consiste en no poner las famosas etiquetas de validación de código (X)HTML, CSS o del nivel de accesibilidad de la página. Y lo hago principalmente por varios motivos:
- No siempre es verdad
- No conozco ninguna marca de coches que en sus coches ponga "hecho con acero del bueno"
- Puede que inicialmente se cumplan niveles de accesibilidad y que con modificaciones futuras se pierdan
- Parece más una moda que una realidad
Creo que en vez de poner las etiquetas de validación y de accesibilidad, abría que poner unas de "no-validación" y de "no-accesibilidad" al resto de páginas que no cumplen. ¡¡para sacarles los colores y las vergüenzas!! (si es que tienen)
.