Una de las cosas que espero que
hagan mis estudiantes es validar su código. Puedes validarlo
por la sintaxis, pero también puedes
validar la accesibilidad Hoy te mostraré cómo usar la herramienta
WAVE para probar diferentes sitios. Entré y miré para encontrar algunos de
los 10 mejores sitios visitados durante 2018, y encontré Google, Wikipedia, Reddit,
Yahoo y Amazon. Hagamos un poco
de investigación de lo bien que abordan la
accesibilidad cada uno de esos sitios. Hay dos formas
de comprobarlo. Una es, de hecho, ir al sitio de Wave,
que es wave.webaim.org. Desde este sitio, puedes copiar y pegar la dirección
de cualquier página que quieras comprobar, y esta es una gran
manera de hacerlo. Personalmente, lo que hice es que entré
y añadí la extension WAVE a mi página. Si miras aquí mismo, es posible si tienes tu propia
computadora para descargar una extensión que luce
como esta de aquí, esta pequeña W, que hace
mi vida un poco más fácil, pues me permite hacer clic en este botón
en vez de tener que ir a la página de Wave. Empecemos a
chequear algunos sitios. Voy a comenzar
con Google. Estoy en Google, haré clic
en el validador "Wave", y lo va a recorrer y chequear todos
los errores que pueda encontrar, y en este caso,
tenemos dos errores. En ambos casos, el error
es que tenemos enlaces vacíos. En alguna parte
de la página, hay enlaces que
no apuntan a nada. Los estoy buscando, pero
no los encuentro por aquí, pero esto es porque Wave verifica
todas las distintas variantes de la página. Aunque se vea
bien el escritorio, no siempre se ve bien en, digamos, el teléfono
o una tablet. A Google le fue
bastante bien. Vamos a ver
con Wikipedia. Estoy en Wikipedia,
lo voy a pasar por Wave. A veces tarda
unos segundos, siempre lo olvido y
necesito ser muy paciente, porque si le haces click
dos veces muy seguidas, lo activas
y lo desactivas. Hago clic en Wave, espero unos
segundos más, y de nuevo podemos
ver que Wikipedia, igual que Google, hizo un buen
trabajo respecto de la accesibilidad. Tienen un botón vacío y lo que llaman
etiquetas de formulario que faltan. Esto significa
que acá abajo, hay algún lugar donde
quieren que escribamos algo. Pero, alguien con
discapacidad visual podría no entender qué
es lo que debería escribir. Estos botoncitos de acá
nos dicen: "¿Sabes qué? Sería buena idea agregar
una etiqueta de formulario, así la gente sabría qué es
lo que tienen que escribir" La etiqueta de aquí podría
ser "consulta de búsqueda", y la etiqueta en este botón azul podría
ser "presione aquí para realizar la búsqueda" Aún así, tres es
realmente bueno. Vamos con Reddit. Reddit es un
sitio muy popular, mucha gente lo usa para
sentirse mejor consigo misma, porque piensan quién
puede hacer esas preguntas, y otra gente lo visita para
conseguir alguna información. Es un sitio muy popular. Que de verdad espero
que sea accesible. Pero según Wave, la última vez que
lo chequearon Reddit tuvo, veamos. Aquí vemos que
Reddit tiene 73 errores. No me sorprende, porque hay
mucho contenido creado por los usuarios. Hay mucha gente que
sube fotos o escribe cosas, y no tiene en
cuenta la accesibilidad. No están enterados
de cosas como "Uh, tengo que agregar texto
alternativo a estas imágenes". De lo contrario, será difícil
para la gente acceder a ellas. O podemos mirar
más abajo. De hecho es exactamente
lo que sucede. Falta texto alternativo aquí. Falta texto alternativo,
falta texto alternativo. Montones de errores
de falta texto alternativo. La otra cosa que Wave
intenta evitar que la gente haga es tener
enlaces vacíos. Esta idea de enlaces que
no se sabe a dónde van, y tampoco le gustan
los enlaces redundantes. Le hacen difícil a la gente que
usa el ordenador via el teclado tener que hacer clic muchas veces para
ir a la misma información una y otra vez. Lamentablemente, Reddit no
es muy bueno en accesibilidad, pero muy bueno como ejemplo en
este vídeo sobre chequear las páginas. La próxima que
voy chequear es, dije Yahoo en general. Elegí Yahoo Sports. Podemos mirar cómo le
va a este sitio de deportes. A diferencia de
Reddit, este es un sistema de software
comercial y profesional donde a la gente le
pagan por subir el contenido. Esperamos que
sea más accesible. Aquí en Yahoo Sports, podemos ver
que tengo 44 errores. Veamos qué cosas
les faltan en general. Texto alternativo, es gracioso
si te fijas, podemos ver
que dicen, "Oh, falta texto alternativo
en muchos lugares, esto debe significar que esos
pequeños marcadores no son texto, son de hecho imágenes". Esto es un gran
problema para la gente. A veces, quieres poner una imagen
en la pantalla y no es solo decorativa, está diciendo algo, y en ese caso, el texto
alternativo es muy importante. De lo contrario, las personas
con discapacidad visual no pueden ver los resultados
de los diferentes partidos. Muy bien, el último que
voy a hacer es Amazon, y creo que lo haré directamente
desde la herramienta WAVE. Vengo aquí, escribo
Amazon.com, y a Amazon no
le va tan mal. Podemos ver que tienen los mismos
problemas que la mayoría de la gente. Finalmente siempre se repite el
texto alternativo que falta, justo ahí. Hay algunas
razones para esto. En algunos sitios,
el público sube fotos, y no saben del
texto alternativo, tenemos que
educarlos sobre eso. A veces, es porque hemos escrito
programas que actualizan los sitios, y por desgracia, las computadoras
no son buenas en saber qué texto alternativo
ponerle a las imágenes. Lamentablemente, también es porque
hay gente que lo sabe y no les importa, les parece
poco importante. En la medida de lo posible, quiero que pongas ayudas sintácticas
y semánticas en todo tu código. Asegúrate de que la
gente que esté viendo o escuchando tu sitio tenga
la mejor experiencia posible.