Contradicciones Contradicciones 2.02.0 • Accesibilidad webAccesibilidad web

• Brecha digitalBrecha digital• ¿Y en tu aula?¿Y en tu aula?• ¿Das servicio o luces palmito?¿Das servicio o luces palmito?

- Sin ánimo de lucro.Sin ánimo de lucro.- Sin formalismos.- Sin formalismos.- Diversos y plurales.- Diversos y plurales.- Sin pre-juicios.- Sin pre-juicios.- En gallego con preferencia.- En gallego con preferencia.- Con accesibilidad.- Con accesibilidad.- Sin verdades absolutas. - Sin verdades absolutas. - Donde usuarios y familias non son un número.- Donde usuarios y familias non son un número.

¿Quién?¿Quién?TADEGaTADEGa

• http://issuu.com/tadega/docs/tadega_edublogs_santiago_2008 • http://tadega.net/Bitacora

Accesibilidad y usabilidad para todas y Accesibilidad y usabilidad para todas y todostodos

• ¿Editas algún cuaderno de bitácora?¿Editas algún cuaderno de bitácora?• ¿Conoces la obligación de que sea accesible? ¿Sabes cómo?¿Conoces la obligación de que sea accesible? ¿Sabes cómo?• ¿No deberíamos ser los primeros en dar ejemplo?¿No deberíamos ser los primeros en dar ejemplo?• ¿Y tu alumnado?¿Y tu alumnado?

Brecha digitalBrecha digital• Concepto manoseado del que todos hablan con desparpajo.Concepto manoseado del que todos hablan con desparpajo.• La distancia (en aumento) entre quien tiene acceso y quien no.La distancia (en aumento) entre quien tiene acceso y quien no.

¿Accesible,¿Accesible,Usable?Usable?

ACCESIBILIDAD:ACCESIBILIDAD:

• Diseñar la web para dar acceso a Diseñar la web para dar acceso a personas con discapacidad que así personas con discapacidad que así pueden percibir, entender, e pueden percibir, entender, e interactuar con ella.interactuar con ella.

• También beneficia a personas sin También beneficia a personas sin discapacidad: conexiones lentas, discapacidad: conexiones lentas, personas de edad, con personas de edad, con incapacidades transitorias, etc.incapacidades transitorias, etc.

USABILIDAD:USABILIDAD:

• Capacidad de un software Capacidad de un software de ser comprendido, de ser comprendido, aprendido, usado y ser aprendido, usado y ser atractivo para el usuario.atractivo para el usuario.

• Jakob Nielsen: un atributo Jakob Nielsen: un atributo de calidad que mide lo de calidad que mide lo fáciles de usar que son las fáciles de usar que son las interfaces web.interfaces web.

¿O es que damos por bueno tener una puerta de entrada para los “normales” y ¿O es que damos por bueno tener una puerta de entrada para los “normales” y otra para “los otros”? Y de ser así, ¿Quién es el normal? ¿Tú?otra para “los otros”? Y de ser así, ¿Quién es el normal? ¿Tú?

Alarma la falta de competencias en accesibilidad TIC del profesorado y, al estar Alarma la falta de competencias en accesibilidad TIC del profesorado y, al estar ausente de las aulas, “ausente de las aulas, “Atención a la DiversidadAtención a la Diversidad” e “” e “InclusiónInclusión”, presentes en el ”, presentes en el discurso, ausentes en la realidad, nos quedamos en el perpetuo año 0: Nos discurso, ausentes en la realidad, nos quedamos en el perpetuo año 0: Nos convertimos en educadores excluyentes.convertimos en educadores excluyentes.

Situación legal de Situación legal de la “la “accesibilidad accesibilidad

webweb” en el estado ” en el estado españolespañol

• Ley 51/2003, de 2 de diciembre Ley 51/2003, de 2 de diciembre (conocida como la LIONDAU).(conocida como la LIONDAU).

• Ley 34/2002, de 11 de julio (conocida Ley 34/2002, de 11 de julio (conocida como la LSSICE).como la LSSICE).

• Real Decreto 1494/2007, de 12 de Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el noviembre, por el que se aprueba el Reglamento sobre las condiciones Reglamento sobre las condiciones básicas para el acceso de las personas básicas para el acceso de las personas con discapacidad a las tecnologías, con discapacidad a las tecnologías, productos y servicios relacionados con la productos y servicios relacionados con la sociedad de la información y medios de sociedad de la información y medios de comunicación social. (BOE, 21 de comunicación social. (BOE, 21 de noviembre de 2007).noviembre de 2007).

El RD El RD 1494/20071494/2007 Obligación del nivel AA para todas Obligación del nivel AA para todas

las administraciones públicas, las administraciones públicas, centros docentes públicos o centros docentes públicos o sostenidos con fondos públicos sostenidos con fondos públicos y, con especial preferencia los y, con especial preferencia los de contenidos educativos, de contenidos educativos, sanitarios y/o de servicios sanitarios y/o de servicios sociales.sociales.

Ahora mismo si son nuevos, o a Ahora mismo si son nuevos, o a partir del 31 de diciembre de partir del 31 de diciembre de 2008 si son anteriores al RD.2008 si son anteriores al RD.

¿Qué es eso de A, AA y AAA?¿Qué es eso de A, AA y AAA?

World Wide Web Consortium (W3C), y su World Wide Web Consortium (W3C), y su grupo de trabajo Web Accessibility grupo de trabajo Web Accessibility Initiative (WAI). Publicó la versión 1.0 de Initiative (WAI). Publicó la versión 1.0 de sus pautas de accesibilidad Web que hoy sus pautas de accesibilidad Web que hoy es un referente internacionalmente es un referente internacionalmente aceptado. aceptado.

- = No accesible.- = No accesible.A = Accesible con muchas dificultades.A = Accesible con muchas dificultades.AA = Accesible con algunas dificultades.AA = Accesible con algunas dificultades.AAA = Accesible sin dificultades.AAA = Accesible sin dificultades.

Correcciones Correcciones automáticasautomáticas• Corrección del código HTML (lenguaje web):Corrección del código HTML (lenguaje web):

• Validador Taw: Validador Taw: validator.w3.org/

• Corrección del código CSS (Estilos):Corrección del código CSS (Estilos):• Validador Taw del CSS: Validador Taw del CSS: jigsaw.w3.org/css-validator/

• Corrección de colores (Suficiencia de brillos y contrastes de color):Corrección de colores (Suficiencia de brillos y contrastes de color):• Validador CCA: Validador CCA: www.visionaustralia.org.au/docs/services/CCA_ES.zip

• Nivel de accesibilidad (con validadores automáticos):Nivel de accesibilidad (con validadores automáticos):• Validador Taw: Validador Taw: www.tawdis.net/taw3/cms/es• Validador Hera: Validador Hera: www.sidar.org/hera/• Validador eXaminator: Validador eXaminator: www.accesible.com.ar/examinator/

•Interesante también:Interesante también:• Ver las diferencias entre diversos navegadores: IE, Firefox, Ver las diferencias entre diversos navegadores: IE, Firefox, Opera…Opera…

• Internet Explorer.Internet Explorer.• Firefox.Firefox.• Otros (Opera…).Otros (Opera…).

• Instalar barras de herramientas:Instalar barras de herramientas:•Web Developer: Web Developer: http://chrispederick.com/work/web-developer/

Correcciones manuales con sentido Correcciones manuales con sentido comúncomúnLos textosLos textos

• Evita frases de doble sentido o de sentido figurado a no ser que las expliques en el propio Evita frases de doble sentido o de sentido figurado a no ser que las expliques en el propio texto.texto.

• Un párrafo para una idea. Una idea para un párrafo.Un párrafo para una idea. Una idea para un párrafo.

• Repasa el escrito, no confundas, aclara, ayuda. Usa el lenguaje de tus usuarios, non el Repasa el escrito, no confundas, aclara, ayuda. Usa el lenguaje de tus usuarios, non el tuyo.tuyo.

• Claro, conciso, amigable, familiar, cercano.Claro, conciso, amigable, familiar, cercano.

• Organización visual de los elementos clara y ordenada.Organización visual de los elementos clara y ordenada.

• Aspecto homogéneo del diseño en todas las páginas del mismo sitio.Aspecto homogéneo del diseño en todas las páginas del mismo sitio.

• ¿Un texto extenso? Divídelo en partes, encabeza cada parte con títulos y subtítulos ¿Un texto extenso? Divídelo en partes, encabeza cada parte con títulos y subtítulos siguiendo una ordenación lógica y congruente con un texto descriptivo adecuado para cada siguiendo una ordenación lógica y congruente con un texto descriptivo adecuado para cada caso.caso.

• Que no dependa el contenido de la maquetación, sino al revés.Que no dependa el contenido de la maquetación, sino al revés.

Los enlacesLos enlaces

• ¡No más “pincha aquí”, por favor!¡No más “pincha aquí”, por favor!

• ¿Te imaginas la cara de una persona ciega al leer “pincha en el cuadro azul”?¿Te imaginas la cara de una persona ciega al leer “pincha en el cuadro azul”?

• Ni se te ocurra hacer que alguien pinche con el ratón sobre algo que se mueve.Ni se te ocurra hacer que alguien pinche con el ratón sobre algo que se mueve.

• Ni muchos ni pocos, los justos para la comprensión y la usabilidad del servicio que se Ni muchos ni pocos, los justos para la comprensión y la usabilidad del servicio que se oferta.oferta.

• No juegues a las adivinanzas, que tenga elementos de decisión para sopesar si ir o no a No juegues a las adivinanzas, que tenga elementos de decisión para sopesar si ir o no a ese sitio.ese sitio.

• No enlaces a sitios externos creando una ventana. Si continúan o no en tu sitio lo decide No enlaces a sitios externos creando una ventana. Si continúan o no en tu sitio lo decide él, no tú.él, no tú.

•Dos textos iguales no pueden apuntar a enlaces diferentes.Dos textos iguales no pueden apuntar a enlaces diferentes.

•Dos textos diferentes no pueden apuntar al mismo enlace.Dos textos diferentes no pueden apuntar al mismo enlace.

La web no está para que La web no está para que hable bien de ti, está para hable bien de ti, está para que ayude a quien la visita.que ayude a quien la visita.

El usuario satisfecho es el El usuario satisfecho es el que recibe un buen servicio, que recibe un buen servicio, no el que queda no el que queda boquiabierto por el boquiabierto por el espectáculo. El primero te espectáculo. El primero te lo agradecerá siempre, el lo agradecerá siempre, el segundo bostezará a la segundo bostezará a la tercera visita.tercera visita.

Esto no es para que te Esto no es para que te sientas representado, es sientas representado, es para que se sientan para que se sientan atendidos.atendidos.

Facilita siempre la Facilita siempre la orientación del usuario: orientación del usuario: donde está, como volver, donde está, como volver, que visitó, que va a pasar… que visitó, que va a pasar… no diseñes imprevistos. Que no diseñes imprevistos. Que todo esté en su sitio (el que todo esté en su sitio (el que ellos esperan, no el que te ellos esperan, no el que te gusta a ti).gusta a ti).

Pié

nsa

lo

Pié

nsa

lo

bie

nbie

n

Que todos Que todos tengan tengan

opcionesopciones

Que para todos tengamos Que para todos tengamos sitiositio

Grazas por Grazas por ser, e por ser, e por

estar!estar!