TADEGa (TADEGa (Tecnoloxías de Atención á Tecnoloxías de Atención á Diversidade na Educación GalegaDiversidade na Educación Galega) presenta:) presenta:“Obradoiros básicos de accesibilidade web “Obradoiros básicos de accesibilidade web 2010”2010”

Accesibilidade e usabilidadeAccesibilidade e usabilidade• Editas contidos dixitais (webs, bitácoras, wikis,...?• Coñeces a obriga de que sexa accesible? Sabes como facelo?

Fenda dixital• Concepto: a distancia (en aumento) entre quen ten acceso e

quen non o ten.

¿Accesible,¿Accesible,Usable?Usable?

ACCESIBILIDADE:ACCESIBILIDADE:

• Deseñar a web para dar acceso Deseñar a web para dar acceso a persoas con discapacidade a persoas con discapacidade que así poden percibir, que así poden percibir, entender, e interactuar con ela.entender, e interactuar con ela.

• Tamén beneficia a persoas sen Tamén beneficia a persoas sen discapacidade: con conexións discapacidade: con conexións lentas, persoas de idade, con lentas, persoas de idade, con incapacidades transitorias, etc.incapacidades transitorias, etc.

USABILIDADE:USABILIDADE:

Capacidade dun Capacidade dun software de ser software de ser comprendido, comprendido, aprendido, usado de aprendido, usado de xeito xeito doadodoado e ser e ser atractivo para o atractivo para o usuario.usuario.

Situación legal da Situación legal da ““accesibilidade accesibilidade webweb” no estado ” no estado

españolespañol

• Lei 51/2003, de 2 de decembro Lei 51/2003, de 2 de decembro (coñecida como a LIONDAU).(coñecida como a LIONDAU).

• Lei 34/2002, de 11 de xullo Lei 34/2002, de 11 de xullo (coñecida como a LSSICE).(coñecida como a LSSICE).

• Real Decreto 1494/2007, de 12 de Real Decreto 1494/2007, de 12 de novembro, polo que se aproba o novembro, polo que se aproba o Regulamento sobre as condicións Regulamento sobre as condicións básicas para o acceso das persoas básicas para o acceso das persoas con discapacidade ás tecnoloxías, con discapacidade ás tecnoloxías, produtos e servizos relacionados produtos e servizos relacionados coa sociedade da información e coa sociedade da información e medios de comunicación social. medios de comunicación social. (BOE, 21 de novembro de 2007).(BOE, 21 de novembro de 2007).

O RD O RD 1494/20071494/2007

Obrigación do nivel AA para todas Obrigación do nivel AA para todas as administracións públicas, as administracións públicas, centros docentes públicos ou centros docentes públicos ou sostidos con fondos públicos e, con sostidos con fondos públicos e, con especial preferencia os educativos, especial preferencia os educativos, sanitarios e/ou de servicios sociaissanitarios e/ou de servicios sociais..

Agora mesmo se son novos, ou o Agora mesmo se son novos, ou o 31 de decembro de 2008 se son 31 de decembro de 2008 se son anteriores ao RD.anteriores ao RD.

Que é iso? ¿ Que é iso? ¿ A A AAAA AAAAAA ? ?

World Wide Web Consortium (W3C), e o World Wide Web Consortium (W3C), e o seu grupo de traballo “Web Accessibility seu grupo de traballo “Web Accessibility Initiative” (WAI). Publicou a versión 1.0 Initiative” (WAI). Publicou a versión 1.0 das súas pautas de accesibilidade Web das súas pautas de accesibilidade Web que hoxe é un referente que hoxe é un referente internacionalmente aceptado. internacionalmente aceptado.

- = Non accesible.- = Non accesible.A = Accesible con moitas dificultades.A = Accesible con moitas dificultades.AA = Accesible con algunhas dificultades.AA = Accesible con algunhas dificultades.AAA = Accesible sen dificultades.AAA = Accesible sen dificultades.

¿Ou é que damos por bo ter unha porta de entrada para os “normais” e outra diferente para “os outros”? E se é así, ¿Quen é o normal? ¿Ti?

• Alarma a falta de competencias en accesibilidade TIC do profesorado.• A “Inclusión”, está moi presente no discurso pero ausente da realidade:

convertíndonos en educadores ben intencionados pero excluíntes.

Non é difícil. É traballoso cando Non é difícil. É traballoso cando non tes costume. Pero paga a non tes costume. Pero paga a

pena.pena.

Correccións automáticasCorreccións automáticas

• Corrección do código HTML (linguaxe web):Corrección do código HTML (linguaxe web):• Validador Taw: Validador Taw: validator.w3.org/

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

• Corrección de cores (Suficiencia de brilos e contrastes de cor):Corrección de cores (Suficiencia de brilos e contrastes de cor):• Validador CCA: Validador CCA: www.visionaustralia.org.au/docs/services/CCA_ES.zip

• Nivel de accesibilidade (con validadores automáticos):Nivel de accesibilidade (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 tamén:Interesante tamén:• Ver as diferencias entre diversos navegadores: IE, Firefox, Google Crhome, Ver as diferencias entre diversos navegadores: IE, Firefox, Google Crhome, Opera…Opera…

• Internet Explorer.Internet Explorer.• Firefox.Firefox.• Google Chrome.Google Chrome.• Outros (Opera…).Outros (Opera…).

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

Correccións manuais con senso comúnCorreccións manuais con senso comúnOs textosOs textos

• Evita frases de dobre senso ou de senso figurado a non ser que as expliques no propio Evita frases de dobre senso ou de senso figurado a non ser que as expliques no propio texto.texto.

• Un parágrafo para unha idea. Unha idea para un parágrafo.Un parágrafo para unha idea. Unha idea para un parágrafo.

• Repasa o xa escrito, non confundas, aclara, axuda. Usa a lingua dos teus usuarios, non a Repasa o xa escrito, non confundas, aclara, axuda. Usa a lingua dos teus usuarios, non a túa.túa.

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

• Organización visual dos elementos clara e ordeada.Organización visual dos elementos clara e ordeada.

• Aspecto homoxéneo do deseño en todas as páxinas do mesmo sitio.Aspecto homoxéneo do deseño en todas as páxinas do mesmo sitio.

• ¿Un texto extenso? Divídeo en partes, encabeza cada parte con títulos e subtítulos ¿Un texto extenso? Divídeo en partes, encabeza cada parte con títulos e subtítulos seguindo criterios lóxicos e congruentes, cun texto descritivo axeitado para cada caso.seguindo criterios lóxicos e congruentes, cun texto descritivo axeitado para cada caso.

• Que non dependa o contido da maquetación, senón ao revés.Que non dependa o contido da maquetación, senón ao revés.

Os enlacesOs enlaces

• ¡Non máis “pincha aquí”, por favor!¡Non máis “pincha aquí”, por favor!

• ¿Imaxinas a cara dunha persoa cega ao ler “pincha no cadro azul”?¿Imaxinas a cara dunha persoa cega ao ler “pincha no cadro azul”?

• Nin se che ocorra facer que alguén pinche co rato sobre algo que se move.Nin se che ocorra facer que alguén pinche co rato sobre algo que se move.

• Nin moitos nin poucos, os xustos para a comprensión e a usabilidade do servizo que se Nin moitos nin poucos, os xustos para a comprensión e a usabilidade do servizo que se presta.presta.

• Non xogues ás adiviñas, que teña elementos de decisión para sopesar si ir ou non a ese Non xogues ás adiviñas, que teña elementos de decisión para sopesar si ir ou non a ese sitio.sitio.

• Non enlaces a sitios externos abrindo nova xanela. Se continúa ou non no teu sitio, o Non enlaces a sitios externos abrindo nova xanela. Se continúa ou non no teu sitio, o decide él.decide él.

• Dous textos iguais non poden apuntar a enlaces diferentes.Dous textos iguais non poden apuntar a enlaces diferentes.

• Dous textos diferentes non poden apuntar ao mesmo enlace.Dous textos diferentes non poden apuntar ao mesmo enlace.

A web non está para que A web non está para que fale ben de ti, está para fale ben de ti, está para axudar a quen a visita.axudar a quen a visita.

O usuario satisfeito é o que O usuario satisfeito é o que recibe un bo servizo, non o recibe un bo servizo, non o que queda abraiado polo que queda abraiado polo espectáculo. O primeiro cho espectáculo. O primeiro cho agradecerá sempre, o agradecerá sempre, o segundo bostezará na segundo bostezará na terceira visita.terceira visita.

Isto non é para que te Isto non é para que te sintas representado, é para sintas representado, é para que se sintan atendidos.que se sintan atendidos.

Facilita sempre a Facilita sempre a orientación do usuario: orientación do usuario: onde está, como volver, que onde está, como volver, que visitou, que vai a pasar… visitou, que vai a pasar… non deseñes imprevistos. non deseñes imprevistos. Que todo estea no seu sitio Que todo estea no seu sitio (o que eles agardan, non o (o que eles agardan, non o que che gosta a ti).que che gosta a ti).

Pénsa

o b

en

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

estar!estar!