https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl en-us 2022-10-14 07:47:59 UTC 2023-01-13 12:58:16 UTC hello@padlet.com jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349378892 En este primer video dos ingenieros de Google Chrome nos hacen una pequeña introducción sobre la accesibilidad y su importancia , usabilidad, y como nos enseñaran a integrarlo a nuestro html y a usar técnicas avanzadas.

]]> 2022-10-20 16:30:54 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349378892 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349396147 En este video profundiza mas en el tema de la accesibilidad, nos muestra ejemplos cotidianos de problemas que podemos tener con la accesibilidad.
También nos enseña un ejemplo de web con una mala organización para posteriormente corregir los errores para hacerla más accesible para todos.

]]> 2022-10-20 16:41:48 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349396147 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349425366 En este video un gerente de tecnología de Google nos cuenta que la accesibilidad nos ayuda a garantizar que el contenido que creamos atienda las necesidades de todas las personas y se adapte a cualquier tipo de discapacidad.
También nos presenta a amigos y ejemplos de personas con algún tipo de discapacidad, y como gracias a la accesibilidad pueden hacer un uso normal de la tecnología. ]]> 2022-10-20 16:59:49 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2349425366 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381564403 En este video un chico nos enseña como usa su lector de pantalla, nos muestra como la velocidad de lectura es importante ya que cuanto mas rápido lea el contenido más rápida será la navegación. También navega un poco por las páginas que usa regularmente para que veamos la gran utilidad de esta herramienta.]]> 2022-11-13 14:09:46 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381564403 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381573370 En este video nos habla sobre las pautas de accesibilidad al contenido web (WCAG), nombra y explica los cuatro principios básicos: perceptible, operable, comprensible y robusta. También nos deja clara su importancia, como acceder a ellas, y como poder aplicarlas a nuestro sitio web. ]]> 2022-11-13 14:22:34 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381573370 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381577452 En este ultimo video nos hacen un pequeño resumen de todos los puntos tratados hasta ahora y nos comentan los próximos temas que trataremos a lo largo de este curso. ]]> 2022-11-13 14:28:46 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381577452 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381621197 En este video un ingeniero de Google nos hace una pequeña introducción sobre el tema a tratar esta vez,  el enfoque. Nos lo describe un poco y pone algunos ejemplos de donde y como podemos usarlo en los sitios por los que navegamos.]]> 2022-11-13 15:35:48 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381621197 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381640589 En este video trata más a fondo el enfoque dándonos su definición técnica y mostrando breves ejemplos de las distintas partes que puede tener y otras características. También nos enseña las formas de mover este enfoque mediante unas combinaciones de teclas, y finalmente nos enseña como moverse y como se observa el enfoque en una web.]]> 2022-11-13 16:06:12 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381640589 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381644889 En este video nos invitan a probar a movernos por una web con los atajos explicados anteriormente. Nos ponen una serie de pruebas como pedir un vuelo con unas ciertas características, pero solo podemos realizarlo con el teclado.]]> 2022-11-13 16:12:09 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2381644889 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435725620 En este video explica que el orden que está definido en el DOM puede verse de forma distinta ya sea por diferentes causas como un documento CSS, y esto puede causar confusión para el usuario ya que aunque en el DOM no se ha modificado el orden puede que de forma visual si.]]> 2023-01-06 14:54:56 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435725620 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435732550 En este pequeño video nos muestra una página web con un orden de tabulación roto, lo que produce que navegar por esta sin usar el ratón sea una tarea muy complicada y tediosa. También nos enseña a solucionar esto y que orden seria el correcto. ]]> 2023-01-06 15:00:19 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435732550 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435753251 En este video nos explica que es el atributo tabindex y sus principales funciones. También se nos muestra varios ejemplos de como usarlo como por ejemplo como usarlo en nuestra web, o en ventanas emergentes.]]> 2023-01-06 15:17:55 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435753251 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435762448 En este video se nos muestra la importancia de ponerle foco solo a los elementos principales, ya que poner de más puede ser contraproducente.]]> 2023-01-06 15:26:50 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435762448 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435774881 En este video nos habla sobre el Managing Focus, sus principales características y usos.
También nos enseña un ejemplo sin este enfoque para posteriormente solucionarlo.]]> 2023-01-06 15:38:13 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435774881 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435783887 En este video se nos presentan los skip links, nos hace una pequeña introducción sobre que son y sus principales usos. Estos link son muy útiles ya que permiten desplazarte por la página saltando el contenido que desees y así hacer la navegación más eficiente. ]]> 2023-01-06 15:46:48 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435783887 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435790628 En este video nos habla sobre lo importante que es administrar el enfoque y también el enfoque a nivel de componente para este ultimo nos habla sobre el documento Prácticas de creación de ARIA "Documento de patrones de diseño de ARIA" es un gran recurso para descubrir qué tipo de soporte de teclado debemos implementar.]]> 2023-01-06 15:53:30 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435790628 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435795634 En este video se nos muestra un ejemplo de como usar la guía ARIA para la creación de un elemento html.]]> 2023-01-06 15:58:18 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435795634 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435801972 En este video nos enseña un ejemplo de navegación con este problema y nos enseña por que ocurre y como solucionarlo. ]]> 2023-01-06 16:04:34 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435801972 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435816963 En este video nos habla sobre las Modals traps y las  Keyboard traps, nos explica que son y como usarlas.
En el video nos muestra un código el cual va comentando para que lo comprendamos y en el que nos enseña a usar los modals traps y los keyboard traps.]]> 2023-01-06 16:19:53 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435816963 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435824562 En este primer video nos hace un breve resumen sobre los temas a tratar en este tema.]]> 2023-01-06 16:27:08 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435824562 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435834476 En este video comienza hablando sobre la tecnología asistencial y los diferentes tipos que existen. Al final nos hace comprender que garantizar que nuestro sitio web admita los usos de tecnología de asistencia se reducirá a la semántica expresada mediante programación.]]> 2023-01-06 16:36:34 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435834476 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435843620 En este video nos explica como actúa el lector de pantalla. Nos señala con diferentes colores los elementos que el lector nombrará y su significado. Al final nos muestra como interpretara la información en función de los datos que dispone.]]> 2023-01-06 16:45:40 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435843620 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435852585 En este video se nos muestra cual seria la estructura más optima para un web echa para usar un lector de pantalla y que no disponga de un diseño visual.
Nos indica los puntos a tener en cuenta y al final muestra un ejemplo de una web para ese fin.]]> 2023-01-06 16:54:58 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2435852585 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436374521 En este video nos explica como los objetos con los que interactuamos cuando estamos navegando pueden ser intuitivos incluso si nunca antes hemos navegado.]]> 2023-01-07 15:23:00 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436374521 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436379410 En este video nos habla sobre la importancia de que la información sea flexible para que la tecnología de asistencia pueda acceder a ella mediante la programación. Esto permite crear interfaces alternativas para satisfacer las necesidades de los usuarios.]]> 2023-01-07 15:34:05 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436379410 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436387280 En este video se nos explica que el DOM utiliza elementos HTML nativos estándar que los navegadores reconocen automáticamente y se encuentran en gran cantidad de plataformas.]]> 2023-01-07 15:52:37 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436387280 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436391062 En este video nos muestra las alternativas que tenemos para poder informar al usuario donde se encuentra o con que puede interactuar mediante el asistente de voz. En este caso nos muestra como añadir descripciones a las imágenes, el logo, el apartado de búsqueda, etc. ]]> 2023-01-07 16:00:55 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436391062 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436426675 Este video es una introducción en la que hacen un repaso global sobre los temas tratados anteriormente como las posibilidades de la semántica y como las tecnologías de asistencia utilizan el árbol de accesibilidad y nos introducen brevemente los temas a tratar en este nuevo curso.]]> 2023-01-07 17:21:44 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436426675 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436432772 En este video uno de los empleados de Google Chrome nos muestra su lector de pantalla favorito (Voice over). Nos habla sobre sus funciones y para que software esta disponible, etc.
Y el mismo nos hace un ejemplo de uso navegando por diferentes páginas como Wiquipedia.]]> 2023-01-07 17:36:01 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436432772 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436460196 En este video se nos muestra como usar los encabezados de forma correcta. Para hacerlo se apoya en algunos elementos de la lista de comprobación de WebAIM.]]> 2023-01-07 18:44:21 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436460196 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436461699
En este video nos hablan sobre la importancia de los encabezados para que la navegación sea más cómoda, y nos hablan sobre otras herramientas para hacer la navegación mas eficiente.

]]> 2023-01-07 18:48:10 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436461699 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436464828 En este video se nos informa de la gran utilidad que tienen los enlaces en el contenido de la página a la hora de la navegación.
También nos explica que es importante que estos links se encuentren bien configurados, tengan coherencia y sean más descriptivos. ]]> 2023-01-07 18:56:31 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436464828 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436467753 En este video nos muestra las partes principales de las que dispone una web. Las describe y hace un pequeño resumen del contenido que debe tener cada una de ellas.]]> 2023-01-07 19:04:59 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436467753 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436470831 Este vídeo es una pequeña introducción en el que cuenta que durante esta nueva lección vamos a aprender a usar la semántica que HTML no puede expresar por si solo.]]> 2023-01-07 19:13:46 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436470831 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436481219 En este vídeo nos explica algunos problemas que suelen ocurrir al usar lectores de pantalla y como gracias a ARIA podemos indicarle al lector esa información adicional.]]> 2023-01-07 19:43:11 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436481219 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436955344 En este vídeo se nos explica algunas acciones que podemos hacer con ARIA. En el video se muestran diferentes ejemplos donde se puede observar el código para guiarnos y entenderlo mejor.]]> 2023-01-08 19:11:18 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436955344 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436958756 En este vídeo nos explican que uno de los aspectos centrales de ARIA es su colección de roles.
Durante el video s nos explica que ARIA dispone de gran  cantidad de roles y explica algunos de ellos con ejemplos.]]> 2023-01-08 19:18:07 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436958756 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436963049 En este vídeo se nos explica que ARIA proporciona varios mecanismos para agregar etiquetas como aria-label, aria-labelledby y aria-describedby que son los principales y los que trata en este video.]]> 2023-01-08 19:26:50 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436963049 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436965665 En este vídeo se nos hace un repaso de lo visto hasta ahora como que ARIA nos permite agregar semántica adicional a nuestro HTML así como cambiar la función el estado y las propiedades de un elemento. También nos hace una pequeña introducción a los próximos temas.]]> 2023-01-08 19:32:18 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436965665 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436969598 En este vídeo se nos habla sobre la semántica y los puntos de referencia predeterminados, en el se muestran ejemplos gráficos.]]> 2023-01-08 19:39:45 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436969598 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436973792 En este vídeo se nos habla de los atributos de relación, aria-owns, aria-activedescendant, aria-describedby, aria posinset y aria-setsize.]]> 2023-01-08 19:47:34 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436973792 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436977848 En este vídeo se nos explica que otra técnica para afinar la experiencia del usuario consiste en que solo las partes relevantes de la página estén expuestas a la tecnología asistencial. A lo largo del video nos muestra ejemplos. ]]> 2023-01-08 19:55:12 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436977848 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436982800 En este vídeo se nos habla de aria-live, que nos permite a los desarrolladores simular una parte de la página como en vivo. A lo largo del video profundiza en el tema y muestra varios ejemplos.]]> 2023-01-08 20:06:28 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436982800 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436985029 En este vídeo se nos habla de los tres atributos que funcionan con aria-live: aria-atomic, aria-relevant y aria-busy, a lo largo del video profundiza en cada uno de ellos y muestra ejemplos. ]]> 2023-01-08 20:11:21 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436985029 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436987505 Este vídeo es una pequeña introducción en la que nos informa de los usos del estilo y los próximos temas a tratar.]]> 2023-01-08 20:16:41 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436987505 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436989515 En este vídeo se nos muestran diferentes problemas al no usar el foco sobre los elementos y se nos explica la importancia de la función focus(). También se nos muestran alternativas para no usar focus pero con la misma finalidad. ]]> 2023-01-08 20:21:00 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436989515 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436992302 En este vídeo se muestran diferentes problemas que ocurren con los estilos de los elementos personalizados. Se muestran ejemplos y soluciones.]]> 2023-01-08 20:27:12 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436992302 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436993836 En estos videos se muestran como podemos modificar los estilos para aprovechar algunas ventajas que nos ofrece ARIA a la hora de crear estilos.]]> 2023-01-08 20:30:55 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436993836 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436995930 En este vídeo se nos recuerda la importancia que tiene el echo de que un sitio sea responsivo. También nos cuenta que profundizaremos en el diseño receptivo para mejorar la experiencia de los usuarios.]]> 2023-01-08 20:35:37 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436995930 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436997487 En este vídeo se nos enseña como configurar el lector de pantalla en un dispositivo IOS]]> 2023-01-08 20:38:35 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436997487 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436999598 En este vídeo se nos enseña como configurar el lector de pantalla en un dispositivo android]]> 2023-01-08 20:43:15 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2436999598 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437004099 En este vídeo se nos explican los requerimientos que debe cumplir el texto de nuestro sitio para que sea perceptible para todo tipo de usuario ya que algunos tonos pueden causar dificultad a la hora de la navegación.]]> 2023-01-08 20:52:24 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437004099 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437006846 En este vídeo se nos explica que existen gran cantidad de personas con algún tipo de deficiencia de visión y que es importante que todos ellos puedan tener una buena experiencia a la hora de navegar por nuestro sitio. Por eso es importante disponer de varias vías para que no se produzcan problemas.]]> 2023-01-08 20:58:05 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437006846 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437008796 En este vídeo se habla del modo de alto contraste y de lo útil que puede ser para solucionar problemas a la hora de navegar. También se muestra como configurarlo y muchas de sus ventajas y usos. ]]> 2023-01-08 21:01:29 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437008796 jtorfer2104 https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437013534 En este vídeo se nos felicita por llegar al final de este curso, nos recuerdan todos los temas tratados, nos enseñan como gracias a estos métodos sus compañeros pueden trabajar sin ningún tipo de inconveniente y hacer vida normal y finalmente nos ofrecen una reflexión final en la que dejan claro la importancia que tiene la accesibilidad y todas las ventajas que trae su aplicación para todos. ]]> 2023-01-08 21:12:38 UTC https://padlet.com/jtorfer2104/uh0id2olz0vjk8cl/wish/2437013534