0:00:00.647,0:00:02.612 La web es accesibilidad a la información 0:00:02.612,0:00:04.502 Es una libertad humana básica de la que 0:00:04.503,0:00:06.557 estamos empezando a hablar 0:00:06.557,0:00:09.017 en la última década. Es importante 0:00:09.019,0:00:11.369 que todos tengan esta libertad 0:00:11.369,0:00:13.519 la libertad destinada sólo a unos pocos 0:00:13.519,0:00:14.394 no es libertad 0:00:14.414,0:00:18.194 La web trata de información y 0:00:18.234,0:00:20.364 es importante que la gente pueda acceder 0:00:20.374,0:00:22.444 a la información que necesitan para 0:00:22.457,0:00:24.477 completar un flujo de trabajo o 0:00:24.489,0:00:25.339 acabar una tarea 0:00:25.939,0:00:27.945 La web debería ser accesible a 0:00:27.945,0:00:30.230 todos en todo momento. Crecí 0:00:30.230,0:00:34.050 teniendo un fácil acceso a la información 0:00:34.068,0:00:37.162 así fue cómo aprendí. No puedo 0:00:37.162,0:00:38.882 imaginar que alguien no pueda 0:00:38.892,0:00:41.103 glooglear al instante y conseguir 0:00:41.117,0:00:42.207 lo que necesita 0:00:42.955,0:00:45.615 Los sitios web deben ser accesibles 0:00:45.615,0:00:49.063 porque la web se basa en 0:00:49.063,0:00:50.973 compartir información y si no 0:00:50.980,0:00:53.300 puedes compartirla o alguien 0:00:53.300,0:00:55.230 no puede verla no está siendo compartida 0:00:55.271,0:01:04.951 ♪ música ♪ 0:01:10.552,0:01:12.249 Tenemos diferentes habilidades y 0:01:12.249,0:01:14.247 discapacidades y si todos podemos 0:01:14.247,0:01:16.897 obtener el mismo contenido e 0:01:16.897,0:01:18.987 interpretarlo de manera similar, éste 0:01:18.993,0:01:21.054 debe proporcionarse de la misma forma 0:01:21.054,0:01:22.507 para poder acceder a ella 0:01:22.517,0:01:25.297 La accesibilidad es importante por varias 0:01:25.301,0:01:28.351 razones. Hay leyes que se aplican 0:01:28.351,0:01:32.824 también se relaciona con nuestra 0:01:32.824,0:01:36.034 reputación. Y la tercera es que 0:01:36.034,0:01:39.107 prestando atención podemos crear un 0:01:39.107,0:01:41.212 entorno educativo más inclusivo 0:01:41.212,0:01:43.502 Somos muy buenos como promotores 0:01:43.502,0:01:48.367 al enfocarnos en el 80% 0:01:48.367,0:01:50.657 enfocándonos en cómo hacemos felices a 4 0:01:50.657,0:01:52.536 de cada 5 de nuestros usuarios, cómo 0:01:52.536,0:01:54.353 creamos para ese grupo de personas 0:01:54.353,0:01:58.046 porque para el otro 20% es más difícil 0:01:58.046,0:02:00.882 Pero la web es para el 100% 0:02:00.882,0:02:02.915 Es para todo el mundo que es lo que dijo 0:02:02.915,0:02:03.884 Tim Burners-Lee 0:02:03.994,0:02:06.444 Estoy profundamente conmovido por esta 0:02:06.464,0:02:08.395 noción de inclusividad 0:02:08.395,0:02:11.066 es parte de por qué 0:02:11.066,0:02:14.296 es importante para mí. Pero también 0:02:14.296,0:02:18.906 existe la noción de tener la 0:02:18.913,0:02:24.034 contribución de todos en el 0:02:24.034,0:02:25.024 conocimiento 0:02:25.232,0:02:28.122 Es un gran desafío escapar de nuestro 0:02:28.122,0:02:30.883 punto de vista, no asumir que 0:02:30.903,0:02:32.999 todo el mundo ve la web del mismo modo en 0:02:32.999,0:02:36.039 la que la ves, el equipo que ves, 0:02:36.039,0:02:38.509 cómo lo usas. Cuando estás creando 0:02:38.509,0:02:40.664 páginas web, el mayor desafío es 0:02:40.664,0:02:43.564 salir de dónde estás sentado 0:02:43.610,0:02:46.930 El mayor obstáculo a la accesibilidad 0:02:46.950,0:02:49.890 es puro conocimiento 0:02:49.890,0:02:51.736 Se trata de ponerte en el lugar 0:02:51.736,0:02:53.430 de una persona con discapacidades 0:02:53.430,0:02:56.980 alguien que no tiene habilidades motoras o 0:02:56.980,0:02:59.380 no tiene manos, con falta de visión 0:02:59.386,0:03:02.206 o de audición. Puede que tenga 0:03:02.206,0:03:04.488 una discapacidad cognitiva. Ser capaces de 0:03:04.508,0:03:06.091 ponernos en su lugar y entender 0:03:06.091,0:03:08.302 cómo trabajan con algo que 0:03:08.302,0:03:09.772 estoy creando o diseñando 0:03:09.772,0:03:11.016 ¿pueden usarlo? 0:03:11.173,0:03:14.063 La alternativa es: construyes algo y 0:03:14.074,0:03:16.956 alguien dice <¡oh no, no es accesible!> 0:03:16.956,0:03:20.576 así que intentas arreglarlo pero 0:03:20.576,0:03:22.489 probablemente te hayas equivocado en 0:03:22.489,0:03:24.817 varios puntos, sabes que tal vez 0:03:24.817,0:03:27.597 tengas cientos de imágenes sin texto 0:03:27.606,0:03:30.306 puede que tengas un navegador confuso o 0:03:30.322,0:03:32.633 que estés dependiendo de bibliotecas 0:03:32.633,0:03:34.373 (mujer) abrir Internet Explorer 0:03:34.373,0:03:36.103 Las tecnologías no van a 0:03:36.103,0:03:39.031 averiguarlo. Ahí es cuando 0:03:39.041,0:03:40.546 alguien dice que es demasiado 0:03:40.546,0:03:42.886 demasiado caro, demasiado trabajo 0:03:42.886,0:03:44.896 Hazlo desde el principio y 0:03:44.896,0:03:47.496 probablemente se conseguirá un 0:03:47.506,0:03:50.026 producto de calidad con menos esfuerzo 0:03:50.592,0:03:52.752 Es importante incorporar la accesibilidad 0:03:52.752,0:03:55.040 inicialmente porque si no la 0:03:55.040,0:03:57.050 incorporas antes, tendrás que 0:03:57.050,0:03:59.583 incorporarla después con un mayor coste 0:03:59.583,0:04:02.748 con cierto tiempo que no tienes 0:04:02.748,0:04:04.398 con un dinero que no tienes 0:04:04.398,0:04:05.798 para hacerlo mejor 0:04:05.798,0:04:07.478 La accesibilidad, como todo lo 0:04:07.478,0:04:09.127 demás en diseño y en diseño web 0:04:09.127,0:04:10.767 tiene que hacerse al principio 0:04:10.776,0:04:13.052 Si diseñas para distintos 0:04:13.052,0:04:15.193 equipos, si lo haces para distintos tipos 0:04:15.193,0:04:17.603 de habilidades humanas, hay que pensar en 0:04:17.606,0:04:19.738 todo eso desde el principio y 0:04:19.738,0:04:21.852 construirlo en el concepto que has 0:04:21.852,0:04:23.451 planeado. Al final nadie quiere 0:04:23.451,0:04:24.991 dedicarle tiempo. Falta poco 0:04:24.991,0:04:26.794 sólo queremos acabar y ese es el 0:04:26.794,0:04:28.617 mayor error de la mayoría 0:04:28.617,0:04:30.767 <mejor lo acabo y luego lo arreglo> 0:04:30.767,0:04:32.921 No. No pasará. Siempre hay otro 0:04:32.921,0:04:33.341 proyecto 0:04:33.341,0:04:35.987 El primer paso para conseguir un sitio 0:04:35.987,0:04:38.455 accesible es trabajar con el gestor 0:04:38.455,0:04:40.243 así entienden el valor de hacerlo 0:04:40.243,0:04:43.458 accesible, ayudándoles a 0:04:43.458,0:04:46.010 entender que podemos hacer 0:04:46.010,0:04:48.680 lo que quieran y ser accesibles 0:04:48.684,0:04:52.614 Si simplemente hablas de accesibilidad 0:04:52.614,0:04:54.679 puede no ser apreciada como 0:04:54.679,0:04:56.924 algo importante. Pero si 0:04:56.924,0:05:01.216 empiezas hablando de calidad y de 0:05:01.216,0:05:03.445 la optimización de buscadores y la[br] 0:05:03.445,0:05:05.502 accesibilidad y esas cosas que 0:05:05.502,0:05:07.373 suelen llamar más la atención 0:05:07.373,0:05:08.253 de la gente 0:05:08.273,0:05:11.628 Cuando empecé, era diseñador y 0:05:11.628,0:05:13.514 quería que todo fuera atractivo. No 0:05:13.514,0:05:16.334 piensas en nada aparte de la 0:05:16.334,0:05:19.737 estética. Entonces me dí cuenta de que 0:05:19.737,0:05:22.466 cuando tienes algo que funciona 0:05:22.466,0:05:26.146 ya resulta atractivo 0:05:26.146,0:05:27.662 empecé a centrarme en que las 0:05:27.662,0:05:30.029 cosas fueran funcionales y el atractivo 0:05:30.029,0:05:31.650 vino con ello 0:05:31.650,0:05:35.046 No creo que hacer un sitio 0:05:35.046,0:05:38.472 accesible impida la creatividad 0:05:38.472,0:05:41.482 sino que ayuda a la creatividad 0:05:41.482,0:05:43.069 mejora la creatividad 0:05:43.069,0:05:44.979 Un buen diseño accesible a veces se 0:05:44.980,0:05:48.597 relaciona con un buen diseño útil 0:05:48.597,0:05:50.397 Encontramos paralelismo entre un buen 0:05:50.400,0:05:53.533 diseño móvil para dispositivos 0:05:53.533,0:05:56.141 y la simplicidad y claridad de un buen 0:05:56.141,0:05:57.427 diseño accesible 0:05:57.427,0:05:58.247 (Siri) Safari 0:05:58.247,0:05:59.750 ir al contenido principal 0:05:59.750,0:06:00.760 enlace 0:06:00.760,0:06:04.557 alumnos, futuros alumnos 0:06:04.557,0:06:07.647 menú, tecnología accesible 0:06:07.797,0:06:08.603 Hay relación 0:06:10.216,0:06:11.827 y si haces una web 0:06:11.827,0:06:13.896 complicada con mucho contenido 0:06:13.896,0:06:15.820 usando diferentes métodos 0:06:15.820,0:06:18.063 probablemente no 0:06:18.083,0:06:19.833 estés creando un buen sitio web 0:06:19.943,0:06:22.303 El modo en que creamos sitios web ha 0:06:22.342,0:06:24.374 mejorado desde hace 10 años 0:06:24.374,0:06:26.881 No usamos estilos inline, no diseñamos 0:06:26.881,0:06:30.667 sólo para un tamaño de pantalla 0:06:30.667,0:06:33.101 los promotores y diseñadores 0:06:33.101,0:06:35.086 diseñan para todos y para todos 0:06:35.086,0:06:39.938 los equipos. No podemos retroceder 0:06:39.938,0:06:40.878 ni limitarnos 0:06:40.942,0:06:44.592 Lo que puedes hacer como diseñador 0:06:44.592,0:06:46.531 para comprobar la accesibilidad es 0:06:46.531,0:06:48.858 asegurarte de que tienes buenos títulos 0:06:48.858,0:06:51.033 títulos apropiados y una buena estructura 0:06:51.033,0:06:55.023 buenas etiquetas input 0:06:55.031,0:06:57.201 buenas etiquetas button y enlaces 0:06:57.210,0:06:59.436 usando las etiquetas correctas 0:06:59.436,0:07:01.966 Otra cosa que puedes hacer 0:07:01.978,0:07:04.298 es comprobar con el teclado 0:07:04.323,0:07:05.863 mirar la 0:07:05.863,0:07:08.714 navegación por teclado, asegurarte de que 0:07:08.714,0:07:10.355 hay un buen enfoque, indicadores y 0:07:10.355,0:07:11.997 que en ningún lugar se te captura 0:07:11.997,0:07:12.900 el objetivo 0:07:12.900,0:07:16.590 El núcleo del desafío en el 0:07:16.590,0:07:18.570 mundo del desarrollo es que muchos 0:07:18.570,0:07:21.403 promotores buscan y encuentran 0:07:21.403,0:07:23.523 bibliotecas de código fuente abierto con 0:07:23.523,0:07:26.567 cosas interesantes. Encuentran imágenes 0:07:26.581,0:07:28.528 que rebotan en la pantalla o que se 0:07:28.528,0:07:30.411 hacen grandes y pequeñas 0:07:30.411,0:07:32.491 No piensan en evaluar la 0:07:32.491,0:07:33.161 accesibilidad 0:07:33.404,0:07:34.969 Cuando miras la biblioteca de 0:07:34.969,0:07:36.698 Java Script o un administrador 0:07:36.698,0:07:38.146 tienes que ver si parte del 0:07:38.146,0:07:40.636 código que usarías sirve 0:07:40.646,0:07:43.406 para la web y si es 0:07:43.406,0:07:45.911 accesible. Si es para ti y 0:07:45.972,0:07:46.662 para todos 0:07:46.832,0:07:48.683 Cuando estás creando algo 0:07:48.683,0:07:50.122 revisas una y otra vez 0:07:50.122,0:07:52.348 en múltiples buscadores 0:07:52.348,0:07:55.163 y máquinas 0:07:55.163,0:07:57.453 Llamo a extranjeros y les pregunto si 0:07:57.468,0:07:59.044 pueden encontrarlo, consultarlo 0:07:59.044,0:08:01.286 o si funciona 0:08:01.286,0:08:03.184 Ahora hay herramientas donde se 0:08:03.184,0:08:05.378 puede comprobar en cada buscador 0:08:05.378,0:08:07.278 En el pasado era muy importante 0:08:07.303,0:08:09.124 Aún lo es. Tenemos unos cuantos 0:08:09.124,0:08:10.663 buscadores que 0:08:10.663,0:08:12.831 usamos pero tenemos que comprobarlo 0:08:12.831,0:08:15.281 en cada sistema y plataforma posible 0:08:15.281,0:08:17.815 Lo mejor que puedes hacer para 0:08:17.815,0:08:19.625 comprobar un diseño, la 0:08:19.625,0:08:22.635 utilidad o accesibilidad es ponerte en 0:08:22.635,0:08:23.981 frente de los usuarios y ver 0:08:23.981,0:08:24.555 si pueden usarlo 0:08:24.555,0:08:26.695 No importa si tu sitio web es genial 0:08:26.695,0:08:28.115 puedes pensar que destacas y 0:08:28.123,0:08:29.513 después ver el de otro y 0:08:29.513,0:08:32.267 pensar <vaya, está perfecto 0:08:32.267,0:08:33.635 no lo he hecho tan bien> 0:08:33.635,0:08:37.605 Cuando pienso en lo que hace una 0:08:37.605,0:08:43.356 universidad, no coger a todos con 0:08:43.356,0:08:46.197 ideas similares o idénticas 0:08:46.197,0:08:49.287 sino beneficiarse de una 0:08:49.287,0:08:52.418 amplia gama de habilidades y 0:08:52.418,0:08:55.516 perspectivas diferentes 0:08:55.516,0:08:57.660 veo la accesibilidad y discapacidad como 0:08:57.660,0:08:58.750 parte del espectro 0:08:58.762,0:09:00.932 Hay que hablar más de la 0:09:00.944,0:09:02.846 accesibilidad, tiene que enseñarse en 0:09:02.846,0:09:04.885 colegios, tiene que 0:09:04.885,0:09:07.302 aplicarse en instituciones y entornos 0:09:07.302,0:09:08.092 comerciales 0:09:08.100,0:09:10.479 Mientras aparezcan nuevas tecnologías 0:09:10.479,0:09:12.427 habrá algunos que la descuiden y 0:09:12.427,0:09:14.746 otros que la dominen 0:09:14.746,0:09:17.226 Aquellos que la dominen tendrán más 0:09:17.237,0:09:19.271 facilidad que el resto y ganarán 0:09:19.271,0:09:20.131 en el mercado 0:09:20.219,0:09:23.709 El futuro de la web es hacer 0:09:23.709,0:09:25.192 menos suposiciones sobre cómo 0:09:25.192,0:09:27.076 los demás la usan 0:09:27.076,0:09:32.096 Tenemos móviles, lectores de pantalla 0:09:32.096,0:09:34.389 incluso la página web o el contenido 0:09:34.390,0:09:36.443 puede ser usado por otra máquina 0:09:36.443,0:09:38.305 Seguir haciendo menos 0:09:38.305,0:09:40.227 suposiciones de la web 0:09:40.227,0:09:42.537 y más contenido universal que no 0:09:42.537,0:09:45.607 sea restrictivo o exclusivo 0:09:46.036,0:09:48.626 Puede ser un desafío que ciertas 0:09:48.626,0:09:54.085 aplicaciones sirvan para discapacitados 0:09:54.085,0:09:56.785 pero ahí es dónde el ingeniero tiene que 0:09:56.785,0:09:59.202 pensar <¿por qué soy ingeniero?> 0:09:59.202,0:10:02.462 para hacer posible lo imposible, para 0:10:02.477,0:10:04.643 resolver problemas. Y este es un problema 0:10:04.643,0:10:06.331 así que solucionemoslo 0:10:06.331,0:10:07.251 ♪ música ♪