SlideShare uma empresa Scribd logo
1 de 14
Contradicciones 2.0 • Accesibilidad web
• Brecha digital
• ¿Y en tu aula?
• ¿Das servicio o luces palmito?
- Sin ánimo de lucro.
- Sin formalismos.
- Diversos y plurales.
- Sin pre-juicios.
- En gallego con preferencia.
- Con accesibilidad.
- Sin verdades absolutas.
- Donde usuarios y familias non son un número.
¿Quién?
TADEGa
• http://issuu.com/tadega/docs/tadega_edublogs_santiago_2008
• http://tadega.net/Bitacora
Accesibilidad y usabilidad para todas y todos
• ¿Editas algún cuaderno de bitácora?
• ¿Conoces la obligación de que sea accesible? ¿Sabes cómo?
• ¿No deberíamos ser los primeros en dar ejemplo?
• ¿Y tu alumnado?
Brecha digital
• Concepto manoseado del que todos hablan con desparpajo.
• La distancia (en aumento) entre quien tiene acceso y quien no.
¿Accesible,
Usable?
ACCESIBILIDAD:
• Diseñar la web para dar acceso a
personas con discapacidad que así
pueden percibir, entender, e
interactuar con ella.
• También beneficia a personas sin
discapacidad: conexiones lentas,
personas de edad, con
incapacidades transitorias, etc.
USABILIDAD:
• Capacidad de un software
de ser comprendido,
aprendido, usado y ser
atractivo para el usuario.
• Jakob Nielsen: un atributo
de calidad que mide lo
fáciles de usar que son las
interfaces web.
¿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ú?
Alarma la falta de competencias en accesibilidad TIC del profesorado y, al estar
ausente de las aulas, “Atención a la Diversidad” e “Inclusión”, presentes en
el discurso, ausentes en la realidad, nos quedamos en el perpetuo año 0:
Nos convertimos en educadores excluyentes.
Situación legal de la
“accesibilidad web”
en el estado español
• Ley 51/2003, de 2 de diciembre
(conocida como la LIONDAU).
• Ley 34/2002, de 11 de julio (conocida
como la LSSICE).
• Real Decreto 1494/2007, de 12 de
noviembre, por el que se aprueba el
Reglamento sobre las condiciones
básicas para el acceso de las personas
con discapacidad a las tecnologías,
productos y servicios relacionados con la
sociedad de la información y medios de
comunicación social. (BOE, 21 de
noviembre de 2007).
El RD 1494/2007 Obligación del nivel AA para todas las
administraciones públicas, centros
docentes públicos o sostenidos con
fondos públicos y, con especial
preferencia los de contenidos
educativos, sanitarios y/o de
servicios sociales.
Ahora mismo si son nuevos, o a partir
del 31 de diciembre de 2008 si son
anteriores al RD.
¿Qué es eso de A, AA y AAA?
World Wide Web Consortium (W3C), y su grupo
de trabajo Web Accessibility Initiative (WAI).
Publicó la versión 1.0 de sus pautas de
accesibilidad Web que hoy es un referente
internacionalmente aceptado.
- = No accesible.
A = Accesible con muchas dificultades.
AA = Accesible con algunas dificultades.
AAA = Accesible sin dificultades.
Correcciones automáticas
• Corrección del código HTML (lenguaje web):
• Validador Taw: validator.w3.org/
• Corrección del código CSS (Estilos):
• Validador Taw del CSS: jigsaw.w3.org/css-validator/
• Corrección de colores (Suficiencia de brillos y contrastes de color):
• Validador CCA: www.visionaustralia.org.au/docs/services/CCA_ES.zip
• Nivel de accesibilidad (con validadores automáticos):
• Validador Taw: www.tawdis.net/taw3/cms/es
• Validador Hera: www.sidar.org/hera/
• Validador eXaminator: www.accesible.com.ar/examinator/
•Interesante también:
• Ver las diferencias entre diversos navegadores: IE, Firefox, Opera…
• Internet Explorer.
• Firefox.
• Otros (Opera…).
• Instalar barras de herramientas:
•Web Developer: http://chrispederick.com/work/web-developer/
Correcciones manuales con sentido común
Los textos
• Evita frases de doble sentido o de sentido figurado a no ser que las expliques en el propio texto.
• 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 tuyo.
• Claro, conciso, amigable, familiar, cercano.
• Organización visual de los elementos clara y ordenada.
• 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 siguiendo una
ordenación lógica y congruente con un texto descriptivo adecuado para cada caso.
• Que no dependa el contenido de la maquetación, sino al revés.
Los enlaces
• ¡No más “pincha aquí”, por favor!
• ¿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 muchos ni pocos, los justos para la comprensión y la usabilidad del servicio que se oferta.
• No juegues a las adivinanzas, que tenga elementos de decisión para sopesar si ir o no a ese sitio.
• No enlaces a sitios externos creando una ventana. Si continúan o no en tu sitio lo decide él, no tú.
•Dos textos iguales no pueden apuntar a enlaces diferentes.
•Dos textos diferentes no pueden apuntar al mismo enlace.
La web no está para que hable
bien de ti, está para que ayude
a quien la visita.
El usuario satisfecho es el que
recibe un buen servicio, no el
que queda boquiabierto por el
espectáculo. El primero te lo
agradecerá siempre, el segundo
bostezará a la tercera visita.
Esto no es para que te sientas
representado, es para que se
sientan atendidos.
Facilita siempre la orientación
del usuario: donde está, como
volver, que visitó, que va a
pasar… no diseñes imprevistos.
Que todo esté en su sitio (el
que ellos esperan, no el que te
gusta a ti).
Piénsalo
bien
Que todos tengan
opciones
Que para todos tengamos sitio
Grazas por ser,
e por estar!

Mais conteúdo relacionado

Destaque

We media - nosotros el medios
We media - nosotros el medios We media - nosotros el medios
We media - nosotros el medios Gema Valencia
 
Clean sfax groupe présente la tortue marine
Clean sfax groupe présente la tortue marineClean sfax groupe présente la tortue marine
Clean sfax groupe présente la tortue marineimen Tekaya Bouaziz
 
القوى البيعية
القوى البيعية القوى البيعية
القوى البيعية Nabihalia Musa
 
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securite
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securiteInternet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securite
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securiteCITC-EuraRFID
 
Sherlock Holmes Y Watson
Sherlock Holmes Y WatsonSherlock Holmes Y Watson
Sherlock Holmes Y WatsonOscar revoltoso
 
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme Homme
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme HommeCall for bids/Appel d'offres - The XVIth Man / Le XVIeme Homme
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme HommeMeghan Regior
 
Feliz dia del amigo
Feliz dia del amigoFeliz dia del amigo
Feliz dia del amigoJose Gomez
 
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice Epelboin
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice EpelboinLabcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice Epelboin
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice EpelboinLabCom
 

Destaque (20)

We media - nosotros el medios
We media - nosotros el medios We media - nosotros el medios
We media - nosotros el medios
 
Clean sfax groupe présente la tortue marine
Clean sfax groupe présente la tortue marineClean sfax groupe présente la tortue marine
Clean sfax groupe présente la tortue marine
 
Metales Pesados
Metales PesadosMetales Pesados
Metales Pesados
 
ADDhiperactividad
ADDhiperactividadADDhiperactividad
ADDhiperactividad
 
Argentré infos de février 2014
Argentré infos de février 2014Argentré infos de février 2014
Argentré infos de février 2014
 
Eric Grohe
Eric GroheEric Grohe
Eric Grohe
 
القوى البيعية
القوى البيعية القوى البيعية
القوى البيعية
 
Projet pmb
Projet pmbProjet pmb
Projet pmb
 
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securite
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securiteInternet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securite
Internet des-objets-sans-contact-smart-citc-eurarfid-note-2015-securite
 
3 Cosas
3 Cosas3 Cosas
3 Cosas
 
Sherlock Holmes Y Watson
Sherlock Holmes Y WatsonSherlock Holmes Y Watson
Sherlock Holmes Y Watson
 
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme Homme
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme HommeCall for bids/Appel d'offres - The XVIth Man / Le XVIeme Homme
Call for bids/Appel d'offres - The XVIth Man / Le XVIeme Homme
 
Argentré Infos Novembre 2013
Argentré Infos Novembre 2013Argentré Infos Novembre 2013
Argentré Infos Novembre 2013
 
Feliz dia del amigo
Feliz dia del amigoFeliz dia del amigo
Feliz dia del amigo
 
presentation
presentationpresentation
presentation
 
Amazonía
AmazoníaAmazonía
Amazonía
 
Bush
BushBush
Bush
 
Msn
MsnMsn
Msn
 
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice Epelboin
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice EpelboinLabcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice Epelboin
Labcom Bad Buzz - De la gestion de crise a l'infoguerilla - Fabrice Epelboin
 
Trabajo Reglamento
Trabajo ReglamentoTrabajo Reglamento
Trabajo Reglamento
 

accesibilidade edublogs2008

  • 1. Contradicciones 2.0 • Accesibilidad web • Brecha digital • ¿Y en tu aula? • ¿Das servicio o luces palmito?
  • 2. - Sin ánimo de lucro. - Sin formalismos. - Diversos y plurales. - Sin pre-juicios. - En gallego con preferencia. - Con accesibilidad. - Sin verdades absolutas. - Donde usuarios y familias non son un número. ¿Quién? TADEGa • http://issuu.com/tadega/docs/tadega_edublogs_santiago_2008 • http://tadega.net/Bitacora
  • 3. Accesibilidad y usabilidad para todas y todos • ¿Editas algún cuaderno de bitácora? • ¿Conoces la obligación de que sea accesible? ¿Sabes cómo? • ¿No deberíamos ser los primeros en dar ejemplo? • ¿Y tu alumnado? Brecha digital • Concepto manoseado del que todos hablan con desparpajo. • La distancia (en aumento) entre quien tiene acceso y quien no.
  • 4. ¿Accesible, Usable? ACCESIBILIDAD: • Diseñar la web para dar acceso a personas con discapacidad que así pueden percibir, entender, e interactuar con ella. • También beneficia a personas sin discapacidad: conexiones lentas, personas de edad, con incapacidades transitorias, etc. USABILIDAD: • Capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario. • Jakob Nielsen: un atributo de calidad que mide lo fáciles de usar que son las interfaces web.
  • 5. ¿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ú? Alarma la falta de competencias en accesibilidad TIC del profesorado y, al estar ausente de las aulas, “Atención a la Diversidad” e “Inclusión”, presentes en el discurso, ausentes en la realidad, nos quedamos en el perpetuo año 0: Nos convertimos en educadores excluyentes.
  • 6. Situación legal de la “accesibilidad web” en el estado español • Ley 51/2003, de 2 de diciembre (conocida como la LIONDAU). • Ley 34/2002, de 11 de julio (conocida como la LSSICE). • Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social. (BOE, 21 de noviembre de 2007).
  • 7. El RD 1494/2007 Obligación del nivel AA para todas las administraciones públicas, centros docentes públicos o sostenidos con fondos públicos y, con especial preferencia los de contenidos educativos, sanitarios y/o de servicios sociales. Ahora mismo si son nuevos, o a partir del 31 de diciembre de 2008 si son anteriores al RD.
  • 8. ¿Qué es eso de A, AA y AAA? World Wide Web Consortium (W3C), y su grupo de trabajo Web Accessibility Initiative (WAI). Publicó la versión 1.0 de sus pautas de accesibilidad Web que hoy es un referente internacionalmente aceptado. - = No accesible. A = Accesible con muchas dificultades. AA = Accesible con algunas dificultades. AAA = Accesible sin dificultades.
  • 9. Correcciones automáticas • Corrección del código HTML (lenguaje web): • Validador Taw: validator.w3.org/ • Corrección del código CSS (Estilos): • Validador Taw del CSS: jigsaw.w3.org/css-validator/ • Corrección de colores (Suficiencia de brillos y contrastes de color): • Validador CCA: www.visionaustralia.org.au/docs/services/CCA_ES.zip • Nivel de accesibilidad (con validadores automáticos): • Validador Taw: www.tawdis.net/taw3/cms/es • Validador Hera: www.sidar.org/hera/ • Validador eXaminator: www.accesible.com.ar/examinator/ •Interesante también: • Ver las diferencias entre diversos navegadores: IE, Firefox, Opera… • Internet Explorer. • Firefox. • Otros (Opera…). • Instalar barras de herramientas: •Web Developer: http://chrispederick.com/work/web-developer/
  • 10. Correcciones manuales con sentido común Los textos • Evita frases de doble sentido o de sentido figurado a no ser que las expliques en el propio texto. • 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 tuyo. • Claro, conciso, amigable, familiar, cercano. • Organización visual de los elementos clara y ordenada. • 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 siguiendo una ordenación lógica y congruente con un texto descriptivo adecuado para cada caso. • Que no dependa el contenido de la maquetación, sino al revés. Los enlaces • ¡No más “pincha aquí”, por favor! • ¿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 muchos ni pocos, los justos para la comprensión y la usabilidad del servicio que se oferta. • No juegues a las adivinanzas, que tenga elementos de decisión para sopesar si ir o no a ese sitio. • No enlaces a sitios externos creando una ventana. Si continúan o no en tu sitio lo decide él, no tú. •Dos textos iguales no pueden apuntar a enlaces diferentes. •Dos textos diferentes no pueden apuntar al mismo enlace.
  • 11. La web no está para que hable bien de ti, está para que ayude a quien la visita. El usuario satisfecho es el que recibe un buen servicio, no el que queda boquiabierto por el espectáculo. El primero te lo agradecerá siempre, el segundo bostezará a la tercera visita. Esto no es para que te sientas representado, es para que se sientan atendidos. Facilita siempre la orientación del usuario: donde está, como volver, que visitó, que va a pasar… no diseñes imprevistos. Que todo esté en su sitio (el que ellos esperan, no el que te gusta a ti). Piénsalo bien
  • 13. Que para todos tengamos sitio
  • 14. Grazas por ser, e por estar!