Aprende Accesibilidad Web paso a paso
4.3 (520 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,438 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende Accesibilidad Web paso a paso to your Wishlist.

Add to Wishlist

Aprende Accesibilidad Web paso a paso

Crea sitios web accesibles para todos los usuarios, para todos los dispositivos y mejor posicionados
4.3 (520 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,438 students enrolled
Price: Free
Includes:
  • 5.5 hours on-demand video
  • 43 Articles
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Detectar los problemas de accesibilidad que presenta una página web.
  • Proponer soluciones para los problemas más comunes de falta de accesibilidad que presentan las páginas web.
  • Desarrollar páginas web accesibles y compatibles con múltiples dispositivos.
  • Mejorar el posicionamiento (SEO) de las páginas web al aplicar los consejos para mejorar la accesibilidad web.
View Curriculum
Requirements
  • Ya deberías estar familiarizado con las tecnologías de desarrollo web, como HTML, CSS, JavaScript y DOM.
Description

El objetivo de este curso es proporcionar una introducción a la accesibilidad web que ofrezca una visión general de los diferentes componentes: contenido, navegación, diseño e interacción. La accesibilidad junto con la usabilidad son los dos componentes principales de la experiencia de usuario (user experience).

Al finalizar el curso serás capaz de crear sitios web accesibles para todos los usuarios, para todos los dispositivos y mejor posicionados.

Este curso tiene un enfoque practico. Contiene más de 6 horas de vídeos y más de 40 ejercicios de tipo test para evaluar el aprendizaje.

Para aprovechar totalmente este curso es necesario estar familiarizado con las tecnologías de desarrollo web actuales, como HTML, CSS, JavaScript y DOM.

El curso contiene numerosos ejemplos reales de sitios web accesibles y no accesibles.

Este curso está dirigido a diseñadores y desarrolladores web que deseen mejorar la calidad de sus sitios web.

Los profesores del curso poseen una amplia experiencia en el desarrollo de sitios web accesibles para todos los usuarios.

Who is the target audience?
  • Este curso de introducción a la accesibilidad web es adecuado para estudiantes que estén familiarizados o se dediquen al desarrollo web y que buscan tener unos conocimientos básicos sobre la accesibilidad web.
  • Este curso probablemente no es adecuado para estudiantes que ya tengan conocimientos sobre accesibilidad web, sepan desarrollar páginas web accesibles y lo que desean es ampliar sus conocimientos o aprender técnicas avanzadas y complejas de accesibilidad web.
Compare to Other Web Development Courses
Curriculum For This Course
102 Lectures
08:48:13
+
Bienvenida al curso
7 Lectures 17:10

¿Eres un alumno adecuado para este curso?

Si no sabes nada o poco de lo que te vamos a enseñar en este curso, eres el alumno ideal.

Si ya sabes algunas cosas, quizás haya momentos en los que te aburrirás, pero lo más seguro es que descubrirás que muchas de las cosas que creías que sabías, las sabías mal. Así que, eres un alumno adecuado para este curso.

Si ya desarrollas sitios web accesibles, lo más seguro es que te aburrirás bastante, pero aun así es muy probable que resolverás dudas que tienes y aprenderás cosas nuevas.

Realiza el siguiente test y comprueba cuánto sabes de accesibilidad web antes de empezar el curso.

Antes de empezar...
10 questions

Introducción
01:38

En este vídeo vamos a ver tres ejemplos de barreras de accesibilidad que podemos encontrar en las páginas web. Los ejemplos que vamos a analizar afectan principalmente a los usuarios con discapacidad visual (por ejemplo, una persona ciega, una persona con baja visión o una persona con ceguera al color o daltonismo), con discapacidad motora (por ejemplo, una persona con paraplejia que no puede mover sus extremidades o una persona con la enfermedad de párkinson que tiene dificultad para controlar sus movimientos) y con discapacidad auditiva (por ejemplo, una persona sorda o con baja audición), aunque también podrían afectar a otros grupos de usuarios con discapacidad.

Pero estas barreras de accesibilidad también pueden afectar a todos los usuarios según el contexto de uso en el que se encuentren.

Ejemplos de problemas de accesibilidad
07:00

Realiza este ejercicio de repaso de la clase anterior.

Ejemplos de problemas de accesibilidad
3 questions

Visión general del curso
01:36

Consejos para aprender en este curso
02:18

Los profesores
02:47

¿Puedo ponerme en contacto con los profesores?
00:41

Aviso de copyright
01:09
+
Qué es la accesibilidad web
7 Lectures 26:59
Definición de la accesibilidad web
02:56

En este vídeo vamos a ver la importancia de la accesibilidad web a través de varias cosas que deberías de saber.

Por ejemplo, deberías de saber que el porcentaje de personas con algún tipo de discapacidad está aumentando y seguirá aumentando en los próximos años. O deberías de saber que un sitio web puede ser accesible y no tiene por eso que ser “feo y aburrido”: este es un mito que mucha gente tiene asumido y que es totalmente falso.

Sabías que... algunas cosas que deberías saber sobre la accesibilidad web
06:50

Realiza este ejercicio de repaso de la clase anterior.

Sabías que...
6 questions

La Web puede mejorar la vida de las personas con discapacidad, porque les puede permitir realizar muchas actividades de su vida sin depender de la ayuda de otras personas, sin tener que pedir ayuda, pero desgraciadamente muchas veces no es posible porque las páginas web presentan barreras.

En este vídeo se muestran tres situaciones de la vida diaria que gracias a la Web una persona ciega puede realizar por sí sola. Un análisis similar se podría realizar con otros tipos de discapacidades.

Cómo la Web mejora la vida de las personas con discapacidad
06:00

Complementa la visualización del vídeo anterior con la lectura de este artículo que desarrolla dos de los ejemplos expuestos en el vídeo.

Cómo la Web mejora la vida de las personas con discapacidad (artículo)
5 pages

Mitos de la accesibilidad web
01:22

Beneficios de la accesibilidad web
02:21

En este vídeo vamos a ver tres ejemplos de sitios web que son accesibles:

Estos sitios web han implementado más opciones de las mínimas que son necesarias para garantizar que un sitio web es accesible.

Ejemplos de sitios web accesibles
07:29

Ejemplos de sitios web accesibles
4 questions

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

¿Qué es la accesibilidad web?
10 questions
+
Las personas con discapacidad y la Web
23 Lectures 01:04:30
Las personas con discapacidad
00:49

Las personas con discapacidad
5 questions

Cómo afectan las diferentes discapacidades al acceso a la Web
01:14

Cómo navegan por la Web las personas con discapacidad
00:21

Discapacidad en la web está compuesto por dos vídeos a través de los cuales podrás ver los diferentes tipos de discapacidad, las barreas de acceso con las que se encuentran estos usuarios y algunos de los productos de apoyo que utilizan para interactuar con nuestros contenidos. En esta primera parte vermos la discapacidad visual.

Discapacidad en la web (1)
09:06

En esta segunda parte del vídeo de discapacidad en la web se muestran las barreras de acceso y productos de apoyo para el resto de discapacidades: auditivas, motrices, neurológicas o cognitivas, las derivadas del envejecimiento y las limitaciones producidas por una situación desfavorable.

Discapacidad en la web (2)
07:43

Personas con discapacidad visual
00:41

Personas con discapacidad auditiva
00:13

Personas con discapacidad motora
00:11

Personas con discapacidad cognitiva
00:05

Personas con trastornos del lenguaje
00:32

Ejemplo de discapacidad: la afasia
00:24

Ejemplo de discapacidad: la afasia
4 questions

Personas con múltiples discapacidades
01:04

Ejemplo de discapacidad múltiple: la sordoceguera
02:12

Ejemplo de discapacidad múltiple: la sordoceguera
8 questions

Ejemplo de discapacidad: entrevista a una persona sordociega
01:04

Ejemplo de discapacidad múltiple: entrevista a una persona sordociega
5 questions

Personas con edad avanzada
00:07

En esta parte del curso se van a describir los productos, tanto software como hardware, que hay disponibles actualmente con el objetivo de servir de apoyo y de facilitar la accesibilidad web a las personas con diversidad funcional.

El objetivo principal de esta parte es que el alumno conozca la diversidad de productos de apoyo disponibles, los cuales vienen a complementar las herramientas y pautas de accesibilidad que se han visto en los demás apartados del curso.

Nos centraremos en su aplicación a la “accesibilidad web”, tanto para permitir la navegación e interactuar con la web, como para facilitar la comprensión y percepción de los contenidos publicados en un sitio web.

Para ello se organizarán dichos productos de apoyo agrupándolos en dos categorías: los productos que han de ser provistos por el propio usuario, y los productos que pueden ofrecer los diseñadores del sitio web.

Los productos de apoyo para la discapacidad
00:38

En esta serie de cuatro vídeos me voy a centrar en los productos, tanto software como hardware, que hay disponibles actualmente para los usuarios con el objetivo de servir de apoyo y de facilitar la accesibilidad web a las personas con diversidad funcional.

Los productos de apoyo (1)
07:55

En este segundo video de los cuatro disponibles sobre productos de apoyo para la discapacidad, me voy a centrar en los productos que facilitan la accesibilidad web por parte del usuario, pero que a diferencia de los vistos en el video anterior, se trata de algunos proyectos de futuro que se están desarrollando actualmente.

Los productos de apoyo (2)
04:12

En este tercer video de los cuatro disponibles sobre productos de apoyo para la discapacidad, me voy a centrar en los productos que facilitan la accesibilidad web por parte de los diseñadores del sitio web, concretamente en los interfaces de navegación web y los traductores a lengua de signos.

Los productos de apoyo (3)
07:37

En este último video sobre productos de apoyo para la discapacidad, voy a centrarme en los productos que facilitan la accesibilidad web por parte de los diseñadores del sitio web, pero a diferencia de los vistos en el video anterior, concretamente en los sistemas de simplificación automática de textos, los cuales permiten la denominada lectura fácil.

Los productos de apoyo (4)
06:53

Cuestionario para comprobar la correcta asimilación de los contenidos vistos en el apartado de productos de apoyo para la discapacidad

Los productos de apoyo para la discapacidad
19 questions

Primera parte de la entrevista a Juan Antonio Giménez Caballero, instructor tiflotecnología y braille, Dirección de Zona de ONCE Alicante, en la que explica qué es y para qué sirve un magnificador de pantalla.

Ejemplo de producto de apoyo: el magnificador de pantalla (1)
03:09

Segunda parte de la entrevista a Juan Antonio Giménez Caballero, instructor tiflotecnología y braille, Dirección de Zona de ONCE Alicante, en la que explica qué es y para qué sirve un magnificador de pantalla.

Ejemplo de producto de apoyo: el magnificador de pantalla (2)
07:26

Ejercicio: Los productos de apoyo de Stephen Hawking
00:48

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Las personas con discapacidad y la Web
10 questions
+
Pautas y leyes
7 Lectures 35:23
Pautas y leyes. Introducción
00:40

Las Pautas de Accesibilidad para el Contenido Web, WCAG 2.0 (Web Content Accessibility Guidelines) del W3C son el estándar de facto a nivel mundial que establecen las pautas del diseño accesible. En este tema vamos a ver cómo están organizadas y estructuradas, los diferentes niveles de conformidad que existen, la documentación asociada a las mismas, conceptos básicos que es importante que conozcas y recursos de interés. Es una introducción a las WCAG 2.0 y, por tanto, no se tratan los criterios de conformidad concretos que hay que cumplir, no te preocupes, los vamos a ver con mucho detalle en las lecciones posteriores. Lo importante es que te familiarices con la especificación.
Introducción a las WCAG 2.0
18:13

Descripción del examen

WCAG 2.0
10 questions

Legislación en España
00:20

Repaso de la legislación española sobre accesibilidad web:

  • LEY 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico.
  • 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.
  • Norma UNE 139803:2004 Aplicaciones informáticas para personas con discapacidad - Requisitos de accesibilidad para contenidos en la Web.
  • LEY 49/2007, de 26 de diciembre, por la que se establece el régimen de infracciones y sanciones en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad.

Más información sobre legislación sobre accesibilidad web en España: Accesibilidad Web: Legislación española.

Legislación en España (1)
06:57

Repaso de la legislación española sobre accesibilidad web:

  • LEY 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información.

Más información sobre legislación sobre accesibilidad web en España: Accesibilidad Web: Legislación española.

Legislación en España (2)
03:59

Repaso de la legislación española sobre accesibilidad web:

  • Norma UNE 139803:2012 Requisitos de accesibilidad para contenidos en la Web.
  • LEY 26/2011, de 1 de agosto, de adaptación normativa a la Convención Internacional sobre los Derechos de las Personas con Discapacidad.
  • Real Decreto Legislativo 1/2013, de 29 de noviembre, por el que se aprueba el Texto Refundido de la Ley General de derechos de las personas con discapacidad y de su inclusión social.

Más información sobre legislación sobre accesibilidad web en España: Accesibilidad Web: Legislación española.

Legislación en España (3)
05:02

Legislación en España
5 questions

Legislación en otros países
00:11

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Pautas y leyes
10 questions
+
Contenido accesible
23 Lectures 01:46:44
Contenido accesible. Introducción
01:09

En este vídeo conocerás los cuatro elementos que presentan mayor problema de acceso a los usuarios que utilizan un lector de pantalla para acceder a nuestros contenidos y te daré algunos consejos para que tú como desarrollador web puedas evitarlos. En esta primera parte veremos algunos consejos para hacer nuestro flash y captcha accesibles.

Accesibilidad: 4 elementos más problemáticos (1)
06:13

En la segunda parte comento la problemática existente con enlaces o botones que no tiene sentido fuera de contexto. ¿Qué ocurre con los enlaces del tipo 'Pinche aquí' o 'Siga este enlace'?.

Accesibilidad: 4 elementos más problemáticos (2)
03:39

En esta tercera parte comento brevemente la inclusión de imágenes sin un texto alternativo o un texto alternativo inapropiado. El texto alternativo dependerá principalmente si tenemos que insetar en nuestro documento una imágen decorativa o una imágen necesaria.

Accesibilidad: 4 elementos más problemáticos (3)
04:03

En esta lección te proporcionamos los recursos necesarios para que aprendas a incluir y redactar adecuadamente el texto alternativo de tus imágenes y cumplir de este modo con el criterio de conformidad 1.1.1 (nivel A) de las WCAG 2.0
Imágenes. Texto alternativo
03:41

Imágenes. Texto alternativo
9 questions

En esta lección te ofrecemos los recursos necesarios para que conozcas qué tipo de alternativas tienes que proporcionar a tus contenidos tempodependientes en función del tipo de contenido que es y del nivel de conformidad deseado, y cumplir de este modo con la pauta 1.2 de las WCAG 2.0

Audio y vídeo. Texto alternativo
03:14

Descripción del examen

Audio y vídeo. Texto alternativo
7 questions

En este vídeo vamos a ver cómo crear subtítulos para el contenido multimedia. Las Pautas de Accesibilidad al Contenido Web 2.0 (WCAG 2.0) indican que el contenido audio grabado o en directo debe tener subtítulos sincronizados.

Además, también se proporcionan algunos consejos para crear subtítulos correctos:

  • Los subtítulos deben estar centrados en la parte inferior, excepto los subtítulos que representen efectos sonoros que se sitúan en la parte superior.
  • Los subtítulos deben aparecer en pantalla el tiempo suficiente para ser leídos.
  • Es preferible que los subtítulos no ocupen más de dos líneas en pantalla.
  • Cada línea de texto no debe superar los 35-40 caracteres.
  • El interlineado debe ser sencillo.
  • Y se debe utilizar una tipografía legible.
  • Los subtítulos deben estar sincronizados con las palabras habladas.
  • La persona que habla debe ser identificada cuando hay más de dos personas en pantalla o cuando la persona que habla no está visible.
  • Los efectos de sonido y la música se deben escribir cuando sean significativos y ayuden a la comprensión. Se deben escribir entre paréntesis o corchetes.
  • Todo lo que se dice se debe subtitular, independientemente del idioma o dialecto.
  • El empleo de argot y dialecto se tiene que conservar e identificar.
  • Se debe emplear la puntuación para clarificar los textos y su significado y se deben evitar los errores ortográficos.
Subtítulos para el contenido multimedia (1)
06:48

En este vídeo vamos a ver cómo crear subtítulos para los vídeos publicados en YouTube. Hay tres formas de añadir subtítulos:

  • Se puede subir una transcripción de texto o un archivo de subtítulos con tiempos.
  • También se puede escribir o pegar una transcripción completa del vídeo y los intervalos de los subtítulos se establecerán automáticamente.
  • Y se pueden escribir los subtítulos mientras se ve el vídeo.
Subtítulos para el contenido multimedia (2)
05:01

Subtítulos para el contenido multimedia
4 questions

En las lecciones anteriores hemos abordado con detalle los requisitos de accesibilidad, relacionados con el contenido multimedia, que debes conocer en profundidad. Sin embargo, en las WCAG 2.0 hay otros requisitos relacionados con el audio, con el contenido que destella, con el tiempo que se impone al contenido o con el contenido que debe poderse pausar, detener u ocultar. En esta lección incluimos una relación de todos ellos y enlaces recomendados.

Otros requisitos de accesibilidad relacionados con el contenido multimedia
05:59

Esta lección está compuesta por dos vídeos, en los cuales vamos a ver la importancia del marcado de los encabezados en accesibilidad web. En esta primera parte veremos cómo afecta el marcado o no de los encabezados a la navegabilidad de nuestras páginas.

Encabezados (1)
03:24

En esta segunda parte vamos a ver la forma correcta de insertar nuestros encabezados y los fallos más comunes que solemos cometer los desarrolladores web en la creación de nuestras páginas HTML.

Encabezados (2)
05:49

Encabezados
6 questions

En esta lección se citan otros de los elementos estructurales que has de tener en cuenta en el desarrollo de tus páginas web para que tus contenidos sean accesibles.

Otros elementos semánticos: párrafos, citas y énfasis.
02:21

El marcado del idioma en nuestros documentos es una lección compuesta por dos vídeos. El marcado del idioma empleado en un documento o sitio Web incrementa la legibilidad del mismo, beneficiando a todos los usuarios (no sólo a las personas con discapacidad).

En este primer vídeo explico en detalle la identificación del idioma de nuestra página HTML.

Idioma (1)
04:34

En este segundo vídeo explico en detalle como marcar el cambio de idioma cada vez que se produzca en el cuerpo de nuestro documento a través de una serie de ejemplos aplicados a cada uno de los elementos donde pueda ocurrir, párrafo, bloque, cita, etc. Veremos que depende de la gramática usada al igual que el marcado del idioma de la página HTML.

Idioma (2)
06:50

Marcado del idioma
8 questions

Esta lección sobre la programación de tablas accesibles consta de tres vídeos. En este primer vídeo aprenderéis la importancia de marcar correctamente la información tabular y las 5 técnicas súficientes que tenéis que tener en cuenta para que la tabla sea perceptible por todos los usuarios, incluídas en el Criterio de Conformidad 1.3.1 Información de relaciones de las WCAG 2.0.

Tablas (1)
04:34

En esta clase se detallan tres de las técnicas suficientes incluidas en ls WCAG 2.0 para la programación accesible de tablas. En concreto en este vídeo aprenderéis a:

  • Usar tablas para presentar información tabular.
  • Usar elementos caption para asociar títulos de tabla con las tabla de datos.
  • Usar al atributo summary del elemento table para proporcionar un resumen a la tabla de datos.
Tablas (2)
05:12

En esta clase, el vídeo que cierra la lección sobre las tablas accesibles aprendereis a desarrollar las dos últimas técnicas, es decir a:

  • Usar el atributo scope para asociar celdas de encabezado y celdas de datos en las tablas de datos.
  • Usar atributos id y headers para asociar las celdas de datos con las celdas de encabezado en las tablas de datos.
Tablas (3)
05:36

Tablas
9 questions

En esta lección repasamos otros requisitos de accesibilidad relacionados con el contenido, en concreto con la redacción del mismo, como son los relacionados con su legibilidad o con la no dependencia de características sensoriales.

Otros requisitos de accesibilidad relacionados con la redacción del contenido
03:13

Esta lección es la primera de una serie de tres, en las cuales vamos a repasar los principales requisitos de accesibilidad que deben cumplir los formularios web. En esta primera lección aprenderemos a etiquetar correctamente los controles de formulario.

Formularios accesibles (1)
03:57

En esta lección nos centraremos en los controles de un formulario web, en la relación entre los mismos y en los requisitos de accesibilidad que deben cumplir.

Formularios accesibles (2)
05:28

En esta tercera lección de la serie formularios accesibles, aprenderemos a prevenir los errores de los usuarios en los formularios y a mejorar la accesibilidad de los mensajes de validación.

Formularios accesibles (3)
06:22

Formularios accesibles
10 questions

Los captchas
03:45

Los captchas
4 questions

En esta lección veremos una introducción a la accesibilidad en documentos electrónicos y te recomendaremos los recursos necesarios para que puedas ampliar tus conocimientos sobre el tema.

Introducción a la accesibilidad en documentos electrónicos
05:51

Accesibilidad en documento electrónicos
6 questions

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Contenido accesible
10 questions
+
Navegación accesible
13 Lectures 01:17:06

En esta lección introducimos el concepto de "Navegación accesible", qué significa y qué criterios están relacionados con el mismo.

Navegación accesible. Introducción
02:05

En este vídeo vamos a ver la importancia del título de la página web. El título de una página web realiza varias funciones. Por ejemplo, el título permite identificar la página web que se está visualizando en un navegador. El criterio de conformidad 2.4.2 Titulado de páginas de las Pautas de Accesibilidad al Contenido Web (WCAG 2.0) indica: Las páginas web tienen títulos que describen su temática o propósito.

El título de la página
05:27

En la serie "Enlaces accesibles" vamos a repasar los requisitos de accesibilidad que deben cumplir los elementos más importantes de la navegación de un sitio web: sus enlaces.

Los enlaces son la base de la navegación en un sitio web, y por tanto es fundamental asegurarnos de que sean perceptibles, operables y comprensibles por todos los usuarios.

Enlaces accesibles (1)
06:29

En esta lección nos centraremos en los requisitos que deben cumplir los enlaces para ser descriptivos y así comprensibles y navegables por todos los usuarios.

En concreto hablaremos de los enlaces descriptivos fuera de contexto.

Enlaces accesibles (2): enlaces descriptivos
09:46

Esta lección es la última de la serie "Enlaces accesibles". En ella veremos qué significa hacer enlaces descriptivos mediante la suma del texto del enlace y su contexto determinado por software.

Enlaces accesibles (3): enlaces descriptivos en contexto
08:41

Descripción del examen
Enlaces accesibles
10 questions

En este vídeo vamos a ver por qué son importantes los enlaces “saltar a” en una página web. Las Pautas de Accesibilidad al Contenido en la Web 2.0 (WCAG 2.0) indican en el criterio de conformidad 2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web.

Enlaces "saltar a"
06:36

Enlaces "saltar a"
4 questions

Uno de los requisitos más relevantes para asegurar la navegación accesible de un sitio web, es que pueda ser navegable por teclado, puesto que para muchas personas es el único o el principal medio de interacción con las páginas.

En esta lección nos vamos a centrar en cuatro problemas habituales que dificultan o impiden la navegación por las páginas mediante el teclado y que están relacionados con el foco:

  • El foco no está visible
  • El orden del foco no tiene sentido
  • Trampas para el foco
  • Recibir el foco provoca un cambio de contexto
Navegación por teclado. Problemas habituales con el foco
07:42

Descripción del examen

Navegación por teclado. Problemas habituales con el foco
10 questions

En la serie "Múltiples vías, ubicación y consistencia" vamos a repasar varios requisitos de accesibilidad que harán que la navegación por tu sitio sea más sencilla, más rápida y más acorde con las diferentes necesidades de las personas que acceden a él.

En esta lección nos centraremos en la necesidad de ofrecer múltiples vías para localizar el contenido, permitiendo así a los usuarios navegar por el sitio de diferentes maneras que satisfagan sus diferentes necesidades.

Múltiples vías, ubicación y consistencia (1)
03:35

En esta lección nos centraremos en otros dos requisitos de una navegación más accesibles.

  • Facilitar la ubicación del usuario, que en todo momento puede contestar a la pregunta "¿Dónde estoy?".
  • Mantener la consistencia, tanto en la presentación y la maquetación, como en la identificación de los componentes que tienen la misma funcionalidad.
Múltiples vías, ubicación y consistencia (2)
05:46

Múltiples vías, ubicación y consistencia
10 questions

En este vídeo vamos a ver cómo se debe crear una barra de navegación en una página web para que sea accesible.

La mayoría de los sitios web posee alguna barra de navegación o en muchas ocasiones más de una barra de navegación que permite al usuario navegar por las diferentes páginas que componen el sitio web.

Una barra de navegación es un conjunto de enlaces, en definitiva, una lista de enlaces. Por tanto, se deben emplear las etiquetas de HTML para crear una barra de navegación: ul, ol y li.

Barra de navegación como una lista de enlaces (1)
03:46

En este vídeo vamos a ver cómo se debe crear una barra de navegación en una página web para que sea accesible. En concreto, vamos a ver el código HTML y CSS que permite crear una barra de navegación vertical u horizontal a partir de una lista de elementos.

Barra de navegación como una lista de enlaces (2)
05:16

En este vídeo vamos a ver cómo se debe crear una barra de navegación en una página web para que sea accesible. En concreto, vamos a escuchar cómo se navega por una barra de navegación mediante un lector de pantallas.

Barra de navegación como una lista de enlaces (3)
04:49

En este vídeo vamos a ver cómo se debe crear una barra de navegación en una página web para que sea accesible. En concreto, vamos a ver como el uso de la etiqueta nav de HTML5 mejora el uso de la barra de navegación cuando se emplea un lector de pantallas.

Barra de navegación como una lista de enlaces (4)
07:08

Barra de navegación como una lista de enlaces
10 questions

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Navegación accesible
10 questions
+
Diseño accesible
8 Lectures 29:16
Diseño accesible. Introducción
00:18

En este vídeo vamos a ver que el bajo contraste de los colores puede ser una barrera de accesibilidad para algunos grupos de usuarios. Una combinación de colores de alto contraste puede ayudar a todos los usuarios.

Contraste
07:40

Contraste
5 questions

Una persona con ceguera al color (daltonismo) tiene dificultad para ver los colores y su brillo en la forma usual y también tiene problemas para establecer la diferencia entre sombras del mismo color o de colores similares. La solución consiste en proporcionar diferentes combinaciones de colores para el diseño de un sitio web.

Color
06:50

Color
5 questions

En este vídeo vamos a ver cómo la tipografía puede ser una barrera de accesibilidad para algunos grupos de usuarios. En concreto, vamos a ver los problemas que puede causar la elección de una mala tipografía entre las personas con dislexia. La dislexia ocasiona problemas para aprender palabras nuevas, lo que supone un impedimento para la correcta comprensión y expresión y dificulta el proceso de aprendizaje en general.

Tipografía y dislexia (1)
04:58

En este vídeo vamos a ver cómo la tipografía puede ser una barrera de accesibilidad para algunos grupos de usuarios. En esta segunda parte se proporcionan unos consejos para evitar o reducir los problemas que pueden afectar a las personas con dislexia en las páginas web.

Tipografía y dislexia (2)
05:45

Tipografía y dislexia
6 questions

En esta lección repasamos otros requisitos de accesibilidad relacionados con el estilo del texto, como los referentes al cambio de tamaño o la presentación visual.

Otros requisitos de accesibilidad relacionados con el estilo del texto
02:02

Diseño web adaptable (responsive web design)
01:42

En esta lección aprenderemos qué es Responsive Design y su relación con la accesibilidad web. Repasaremos además una serie de buenas y malas prácticas así como los errores de accesibilidad más comunes en desarrollos Responsive Design.

Responsive design y accesibilidad. Buenas y malas prácticas. Errores comunes
30 pages

Responsive Design y accesibilidad
8 questions

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Diseño accesible
10 questions
+
Interacción accesible
5 Lectures 27:40
Interacción accesible. Introducción
00:36

En esta sección aprenderemos cómo hacer que la interacción en nuestras páginas sea más accesible y cómo hacer que el código JavaScript que incluimos en ellas no suponga una barrera de accesibilidad para ningún usuario.

En esta lección hablaremos de la independencia del dispositivo, de cómo usar correctamente los manejadores de eventos JavaScript y del atributo tabindex.

También explicaremos qué es DOM y qué tipo de funciones usar para insertar, modificar o eliminar contenido dinámicamente.

JavaScript y accesibilidad (1)
07:33

En esta lección nos centramos en el concepto de JavaScript no intrusivo y el principio de Mejora Progresiva.

JavaScript y accesibilidad (2)
08:25

Descripción del examen

JavaScript y accesibilidad
10 questions

En esta clase vamos a ver cómo la especificación del W3C, WAI-ARIA, nos permite incluir información semántica sobre la estructura de la página y sobre los componentes de la interfaz, su comportamiento y la relación entre los mismos. De manera que esta información pueda ser transmitida a los usuarios que utilizan productos de apoyo, como un lector de pantalla, y facilitarles así la comprensión de la página y su interacción con la misma. Aprenderemos qué es un rol y los diferentes tipos que existen; y veremos diferentes ejemplos y recursos para que puedas ampliar tus conocimiento sobre el tema.
Introducción a WAI-ARIA (1)
06:09

En esta clase vamos a ver más ejemplos de roles y propiedades WAI-ARIA. Abordaremos también las "live regions", o zonas de la página que se modifican y actualizan automáticamente sin intervención del usuario, y cómo WAI-ARIA permite que estos cambio sean anunciados a los usuarios de productos de apoyo como un lector de pantalla. Encontrarás, además, diferentes recursos para que sigas ampliando tus conocimientos sobre el tema.
Introducción a WAI-ARIA (2)
04:57

Descripción del examen
WAI-ARIA
9 questions

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Interacción accesible
10 questions
+
Accesibilidad y posicionamiento
4 Lectures 20:18
Para abordar la relación entre dos disciplinas que en un principio parecen tan diferentes, como es el caso de la Accesibilidad Web y el Posicionamiento en buscadores (SEO), es necesario comenzar explicando los conceptos básicos de esta disciplina.
Introducción al posicionamiento (SEO): conceptos básicos
06:14

En esta lección vamos a aprender 4 técnicas básicas de posicionamiento en buscadores. Verás que las recomendaciones que se ofrecen no difieren en muchas casos de las técnicas que aplicamos en accesibilidad para que las páginas sean accesibles para todas las personas.
Introducción al posicionamiento (SEO): técnicas básicas (1)
07:29

En esta lección seguimos repasando más técnicas básicas de posicionamiento en buscadores. De nuevo observarás que muchas de ellas son comunes a las técnicas que aplicamos en la accesibilidad web.
Introducción al posicionamiento (SEO): técnicas básicas (2)
06:35

Ahora que ya conoces los conceptos básicos del Posicionamiento en buscadores y las técnicas que se aplican, vamos a repasar y comparar detenidamente todas las técnicas comunes de la Accesibilidad Web y el SEO. Comprobaremos que ambas disciplinas tienen muchos puntos de encuentro y cómo mejorar la accesibilidad de un sitio web implica mejorar también su posicionamiento.
SEO y accesibilidad
21 pages

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Accesibilidad y posicionamiento
10 questions
+
Análisis y evaluación de la accesibilidad
4 Lectures 24:50

La "Metodología de Evaluación de Conformidad con la Accesibilidad en sitios Web (WCAG-EM)" es un documento del W3C que pretende proporcionar una metodología armonizada internacionalmente para la evaluación de todo tipo de sitios web de acuerdo con las WCAG 2.0.

Debido a que generalmente no es factible evaluar cada una de las páginas de un sitio web, resulta fundamental emplear un método fiable para determinar el nivel de accesibilidad, de forma global, de un sitio web completo.

En esta lección repasaremos los diferentes pasos que propone la metodología: las buenas prácticas para definir el alcance de la evaluación, explorar el sitio, seleccionar una muestra representativa cuando no es factible evaluar todo el sitio, auditar la muestra seleccionada y reportar los resultados de la evaluación mediante informes estructurados y uniformes.

Metodología de evaluación: WCAG-EM
15:23

Las herramientas de evaluación automática son muy útiles para facilitar el trabajo de revisión de la accesibilidad de un sitio web, aunque es importante recordar que nunca sustituyen a la evaluación manual por parte de un experto. En esta clase te recomendamos una recopilación de herramientas gratuitas y recursos donde puedes consultar otras muchas.
Herramientas de evaluación automática
21 pages

En este vídeo se explica el funcionamiento de la herramienta de evaluación automática de la accesibilidad web llamada TAW.

Puedes acceder a esta herramienta online desde http://www.tawdis.net para seguir las indicaciones mostradas en el vídeo.

Análisis de accesibilidad con TAW
05:42

En esta clase se explican las barras de herramientas Web Developer Toolbar y WAVE para realizar la evaluación de algunos de los elementos vistos en este curso. En concreto:

  • Orden lógico de lectura.
  • Imágenes.
  • Enlaces.
  • Encabezados.
  • Listas.
  • Citas.
  • Abreviaturas de acrónimos.

Ambas herramientas son muy útiles para analizar la accesibilidad de los contenidos de nuestras páginas web. Te recomiendo que te las descargues, las pruebes e investigues nuevas funcionalidades, ya que pueden ser de gran ayuda en tus análisis.

Para cada una de las barra de herramientas existe una versión para Firefox y otra para Chrome.

Análisis de accesibilidad con Web Developer Toolbar y WAVE
03:45

Realiza este ejercicio de evaluación de los conocimientos que has adquirido en esta sección.

Análisis y evaluación de la accesibilidad
10 questions
1 More Section
About the Instructor
Sergio Luján Mora
4.3 Average rating
520 Reviews
6,438 Students
1 Course
Profesor de informática de la Universidad de Alicante

Doctor ingeniero en informática. Profesor titular de la Universidad de Alicante (España).

Experto en desarrollo web, accesibilidad web y e-learning.

Coordinador de los cursos online gratuitos iDESWEB sobre desarrollo web (HTML, CSS, JS, DOM, PHP y MySQL) e iXML sobre XML (DTD, XML Schema, XPath, XQuery).

Ha escrito más de 10 libros, ha publicado decenas de artículos en congresos y revistas internacionales, ha impartido conferencias, cursos y seminarios en diferentes países, como Cuba, Ecuador, Kazajistán, Kirguistán, México, Moldavia, Perú, Polonia o Rusia.

Ester Serna Berná
4.3 Average rating
520 Reviews
6,438 Students
1 Course
Consultora en accesibilidad web y programación web

Ingeniera en Informática por la Universidad de Alicante.
Responsable del área de Desarrollo Web en el Taller Digital de la Universidad de Alicante con más de 10 años de experiencia en la programación de sitios webs accesibles, tanto para el sector público como privado.

En 2001 comencé a trabajar en programación web accesible a raíz de un proyecto de la Fundación ONCE para hacer accesible la Biblioteca Virtual Miguel de Cervantes.

En 2007, el Taller Digital fue la primera empresa privada española en conseguir la Marca N en Accesibilidad TIC según la Norma UNE 139803 basada en las Pautas de Accesibilidad al Contenido Web (WCAG). He sido la responsable de conseguir y mantener esta norma durante siete años. Dando formación a diferentes perfiles profesionales, diseñadores gráficos, editores de contenios, programadores, etc. y definiendo los procesos que asegurasen la accesibilidad de los contenidos web desde su creación hasta su publicación, y posterior mantenimiento.

Desde 2012 imparto formación específica a personal de administración y servicios de la Universidad de Alicante en la creación de contenidos accesibles.

Olga  Carreras
4.3 Average rating
520 Reviews
6,438 Students
1 Course
Consultora de accesibilidad Web y documentos electrónicos.

Soy licenciada en Filología Hispánica, con un máster en Dirección Técnica en Sistemas Multimedia y Diseño Asistido por Ordenador de la empresa Autodesk.

Comencé a trabajar en proyectos web en el año 1999, y fui durante 7 años responsable del Departamento de Diseño, Usabilidad y Accesibilidad en una consultora TIC.

Actualmente soy consultora independiente y docente especializada en Experiencia de Usuario y Accesibilidad web y PDF.

He trabajado para clientes como Metro Madrid, Clínica Universidad de Navarra, Ayuntamiento de Madrid, Biblioteca Nacional de España o Viajes el Corte Inglés; y he impartido diferentes seminarios, cursos y talleres, tanto en universidades (como la Universidad de Alicante, la Universidad de Navarra o la Universidad Tecnológica de Buenos Aires) como en centros de formación o formación a medida, por ejemplo para empresas de la Fundación ONCE)

Soy autora del blog "Usable y accesible" y algunos de mis artículos se han publicado en diversos libros. En el año 2013 participé en el libro "Pioneros y Hacedores. Fundamentos y Casos de Diseño de Interacción con estándares de Accesibilidad y Usabilidad" junto a autores como Steve Krug, Jakob Nielsen, Don Norman, Jared Spool o Emmanuelle Gutiérrez.

En 2012 varios medios me incluyeron en el ranking de blogueros más influyentes de tecnología en España.

Armando Suárez Cueto
4.3 Average rating
520 Reviews
6,438 Students
1 Course

Licenciado en Informática por la Universidad Politécnica de Valencia, Doctor en Informática por la Universidad de Alicante. Con más de 20 años de docencia en materias de programación y bases de datos, actualmente coordina la asignatura Fundamentos de las Bases de Datos y dirige el grupo de innovación tecnológica en bases de datos (BDgite).

Experto en programación PHP sobre bases de datos, ha impartido docencia en administración de servidores MySQL, Microsoft SQL Server y Oracle. Aficionado a la fotografía analógica y digital, interesado en el diseño gráfico y las tecnologías web, busca la integración de todas estas habilidades en sus labores docentes.

Antonio Ferrández Rodríguez
4.3 Average rating
520 Reviews
6,438 Students
1 Course

Profesor a tiempo completo en el Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España).

Obtuvo su doctorado en Informática en la Universidad de Alicante. Sus intereses de investigación y docencia son: Estructuras de Datos, Procesamiento del Lenguaje Natural, resolución de problemas lingüísticos (p. ej. anáfora o elipsis), Extracción de Información, sistemas de Recuperación de Información y Búsqueda de Respuestas.

Ha participado en numerosos proyectos, acuerdos con empresas privadas y organismos públicos relacionados con sus temas de investigación. Ha dirigido tesis doctorales y ha participado en numerosos trabajos en revistas y congresos relacionados con estas líneas de investigación. Actualmente dirige la Cátedra Telefónica - Universidad de Alicante "Impacto de las Tecnologías del Lenguaje Humano en la inclusión social".

Cátedra Telefónica Universidad de Alicante
4.3 Average rating
520 Reviews
6,438 Students
1 Course

Introducción:

La Cátedra nace en 2012 y se enmarca en la evaluación y análisis del impacto de las Tecnologías del Lenguaje Humano en la inclusión social, concretamente en las personas en situación de dependencia, con el objetivo principal de facilitarles el acceso a la información y la educación.

Este proyecto se dirigirá a personas con dificultades de producción y/o comprensión del lenguaje, como los casos de personas afectadas por afasia, autismo, problemas auditivos o visuales, dislexia, y el grupo de personas mayores, ya que es habitual que los problemas de comprensión y aprendizaje aumenten con la edad. Estas personas han de superar grandes problemas para mantener su vinculación con el resto de la sociedad desde un punto de vista global, así como para acceder a información de las diferentes Administraciones públicas (p. ej. para solicitar ayudas o subvenciones, como en el caso de rellenar un formulario), o cuando interpretan un tratamiento médico (p. ej. cuando no lo llegan a comprender y lo toman de forma equivocada).

Todo ello puede suponer aumentar el riesgo de exclusión social, aumentando con ello su nivel de dependencia. Por consiguiente, sufren, entre otros, graves problemas de aprendizaje, lo que les dificulta la consecución de objetivos educativos, cuando se sabe que la educación es el primer factor de progreso individual y social, y un instrumento fundamental para conseguir la integración en nuestra sociedad.


Objetivos:

  • Evaluar el impacto de las Tecnologías del Lenguaje Humano (TLH) en el área de la inclusión social.
  • Facilitar el acceso a la información y la educación mediante las TLH a las personas con dificultades de producción y/o comprensión del lenguaje (problemas de afasia, autismo,discapacidades auditivas o visuales, dislexia, personasmayores, etc.).
  • Promover la investigación en el área de la inclusión social y las TLH.
  • Desarrollo de un sitio web que suponga un foro de encuentro entre académicos, empresarios, estudiantes y personas afectadas por los problemas tratados, con lo cual ayude a impulsar la investigación en el área.


Líneas de investigación:

  • Aplicación de las Tecnologías del Lenguaje Humano (TLH) al diagnóstico de problemas de aprendizaje, comprensión y/o producción del lenguaje.
  • Aplicación de las TLH al tratamiento de las personas que padecen dichos problemas.