Saltar al contenido principal

Accesibilidad Web

Aprende Accesibilidad Web paso a paso

Para saber más sobre audiodescripción y transcripción, consulta la página web Audiodescripción y transcripción del contenido multimedia.

Audiodescripción

A continuación se incluye la audiodescripción del vídeo. La descripción de la imagen, lo que se ve en el vídeo, se indica con el texto previo AD. Para que la audiodescripción fuese completa, se debería indicar el instante de tiempo en el que se debe insertar en el vídeo. Cuando la descripción de lo que se ve en el vídeo es muy detallada y su duración excede las pausas que existen en el audio del vídeo, se debe emplear una audiodescripción extendida del vídeo, en la que el vídeo junto con su audio original se detienen mientras que la audiodescripción se reproduce.

AD: Título del vídeo "Aprende Accesibilidad web paso a paso", subtítulo del vídeo "Crea sitios web accesibles para todos los usuarios, para todos los dispositivos y mejor posicionados". Aparece la dirección web accesibilidadweb.es. Aparece una persona situada en un pasillo de un edificio público.

AD: Aparece escrita la definición de persona sordociega o con sordoceguera: persona con deterioro combinado de la vista y el oído que dificulta su acceso a la información, a la comunicación y a la movilidad. Una persona con esta discapacidad requiere métodos especiales de comunicación.

AD: Aparece escrito "Hasta hace poco, una persona sordociega requería la constante ayuda de un intérprete o guía intérprete".

AD: Aparece escrito "Productos de apoyo que una persona sordociega emplea para utilizar un ordenador: un lector de pantallas y una línea braille. ¿No sabes lo que son? En este curso lo aprenderás".

AD: Aparecen capturas de pantalla de periódicos online, El Universal, El País, El mundo y Clarín. Aparecen los iconos de tres redes sociales, Google Plus, Twitter y Facebook. Aparece un mapa del mundo, alguien en España dice "¿Habéis oído lo último que ha dicho nuestro presidente?". Alguien en México contesta "¡Qué pendejo!". Alguien en Argentina contesta "Es un boludo".

AD: Aparece la captura de pantalla de un formulario web muy largo.

AD: Aparece la captura de pantalla de un vídeo de YouTube con subtítulos. Se destacan los subtítulos del vídeo.

AD: Aparece escrito "¿No sabes cómo subtitular un vídeo en YouTube? En este curso lo aprenderás".

AD: Aparece escrito "La accesibilidad web no beneficia solo a las personas con discapacidad, nos beneficia a todos. Todos nos podemos encontrar con las mismas barreras o similares. Por ejemplo, cuando accedemos a la Web desde un dispositivo móvil".

AD: Aparece escrito el contenido del curso "1. Bienvenida al curso, 2. Qué es la accesibilidad web, 3. Las personas con discapacidad y la Web, 4. Pautas y leyes, 5. Contenido accesible, 6. Navegación accesible, 7. Diseño accesible, 8. Interacción accesible, 9. Accesibilidad y posicionamiento, 10. Análisis y evaluación de la accesibilidad, 11. Conclusiones".

AD: Aparece destacado "2. Qué es la accesibilidad web".

AD: Aparece destacado "3. Las personas con discapacidad y la Web".

AD: Aparece destacado "5. Contenido accesible, 6. Navegación accesible, 7. Diseño accesible, 8. Interacción accesible".

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona ciega sepa para qué sirve una imagen en una página web?".

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con problemas cognitivos no se sienta perdida en un sitio web?".

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con ceguera al color (daltonismo) no tenga problemas con los colores de una página web?".

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con movilidad reducida pueda utilizar una página web sin problemas?".

AD: Aparece destacado "9. Accesibilidad y posicionamiento".

AD: Aparece destacado "10. Análisis y evaluación de la accesibilidad". Aparecen capturas de pantalla de herramientas automáticas de análisis de la accesibilidad web, eXaminator, AChecker y TAW.

AD: Aparecen los nombres de los profesores del curso, Olga Carreras Montoto, Antonio Ferrández Rodríguez, Sergio Luján Mora, Ester Serna Berná y Armando Suárez Cueto. Aparece escrito "¡Disfruta y aprende!".

AD: Aparece escrito otra vez el contenido del curso.

AD: Aparecen los datos de contacto de Sergio Luján Mora, la persona que ha realizado la presentación, y Armando Suárez Cueto, la persona que ha realizado la edición del vídeo.

AD: Aparecen otra vez los nombres de los profesores junto con sus fotografías.

AD: Aparece la dirección web accesibilidadweb.es y la cita de Tim Berners-Lee "El poder de la Web está en su universalidad. El acceso por cualquier persona, independientemente de la discapacidad que presente es un aspecto esencial".

Transcripción básica

A continuación se incluye la transcripción básica del vídeo.

La Web puede mejorar radicalmente la vida de las personas con discapacidad.

Imagina lo siguiente, una persona sordociega. En el pasado, una persona sordociega no podía estar al tanto de lo que ocurría en su entorno, mucho menos de lo que ocurría en otros países. Una persona sordociega no puede leer el periódico por ella misma. Tampoco puede ver la televisión. Y tampoco puede escuchar la radio.

En el pasado, una persona sordociega necesitaba que otra persona le comunicase lo que estaba pasando en el mundo. Hoy en día, eso está solucionado, una persona sordociega con las herramientas adecuadas puede acceder a los mismos periódicos online a los que accedemos tú y yo todos los días.

Después de acceder a un periódico online, una persona sordociega puede ir a la Web, por ejemplo a una red social, y se puede poner en contacto con sus familiares, con sus amigos o incluso con personas que no conoce de otros países y puede discutir, puede comentar las noticias que ha leído.

¿A que es fantástico? ¿Verdad?

Pues desgraciadamente, sí que es fantástico pero existen problemas. La mayoría de los sitios web presentan barreras, barreras de accesibilidad que hacen que las personas con discapacidad tengan problemas para su uso.

Por ejemplo, muchos sitios web están mal diseñados, sus formularios son muy difíciles de usar si no puedes ver la página. Una persona ciega, o en el caso que te estoy contando una persona sordociega, tendrá muchas dificultades para manejar muchos formularios que hay en la Web.

O imagina, por ejemplo, un sitio web con multimedia, con vídeos o con audios. Si no existe una transcripción, una persona ciega o una persona sorda, no podrá recibir la misma información que tú y yo recibimos.

Sin embargo, existe una solución, esas barreras que presentan muchos sitios web se pueden evitar, se pueden eliminar con muy pequeños cambios.

¿Cómo se tiene que hacer? Ese es el propósito de este curso.

En este curso te vamos a enseñar qué es la accesibilidad web, que tiene como objetivo reducir o incluso eliminar las barreras que presentan muchos sitios web y que dificultan su uso por las personas con discapacidad.

Para ello en este curso te vamos a enseñar lo siguiente:

En primer lugar te daremos una introducción a qué es la accesibilidad web y qué beneficios aporta a las personas con discapacidad.

Es muy importante que conozcas cómo las personas con discapacidad usan la Web, cómo navegan por la Web. Dedicaremos un poco del curso a explicártelo.

Y luego ya pasaremos a lo más importante, ¿cómo se crea un sitio web que sea accesible?

El contenido principal del curso lo hemos dividido en cuatro partes. Por un lado te explicaremos cómo lograr que el contenido sea accesible. También te explicaremos cómo lograr que la navegación entre las páginas sea accesible. Luego pasaremos a ver cómo lograr un diseño accesible. Y por último, te explicaremos cómo lograr que la interacción del usuario con las páginas web sea también accesible.

El curso lo finalizaremos con dos cosas muy importantes.

Por un lado, veremos también cómo la accesibilidad web ayuda a mejorar el posicionamiento, la posición que tu sitio web ocupa en los resultados de los buscadores.

Y también te explicaremos cómo emplear herramientas automáticas de análisis, de evaluación de la accesibilidad web para que rápidamente detectes los errores, las barreras de accesibilidad que presentan tus páginas web.

Este es un curso introductorio, al finalizar el curso no serás un experto en accesibilidad web pero sí que conocerás los principios básicos y las técnicas principales que te ayudarán a poco a poco lograr que tus páginas web sean accesibles.

Los profesores de este curso somos unos apasionados de la accesibilidad web, esperamos que disfrutes mucho con este curso y que al finalizar tú también seas un apasionado de la accesibilidad web.

Transcripción

A continuación se incluye la transcripción del vídeo. La transcripción es un documento de texto con contenido equivalente al contenido del vídeo completo y se puede crear uniendo la audiodescripción y la transcripción básica.

La descripción de la imagen, lo que se ve en el vídeo, se indica con el texto previo AD que corresponde a la audiodescripción.

AD: Título del vídeo "Aprende Accesibilidad web paso a paso", subtítulo del vídeo "Crea sitios web accesibles para todos los usuarios, para todos los dispositivos y mejor posicionados". Aparece la dirección web accesibilidadweb.es. Aparece una persona situada en un pasillo de un edificio público.

La Web puede mejorar radicalmente la vida de las personas con discapacidad.

Imagina lo siguiente, una persona sordociega.

AD: Aparece escrita la definición de persona sordociega o con sordoceguera: persona con deterioro combinado de la vista y el oído que dificulta su acceso a la información, a la comunicación y a la movilidad. Una persona con esta discapacidad requiere métodos especiales de comunicación.

En el pasado, una persona sordociega no podía estar al tanto de lo que ocurría en su entorno, mucho menos de lo que ocurría en otros países. Una persona sordociega no puede leer el periódico por ella misma. Tampoco puede ver la televisión. Y tampoco puede escuchar la radio.

En el pasado, una persona sordociega necesitaba que otra persona le comunicase lo que estaba pasando en el mundo.

AD: Aparece escrito "Hasta hace poco, una persona sordociega requería la constante ayuda de un intérprete o guía intérprete".

Hoy en día, eso está solucionado, una persona sordociega con las herramientas adecuadas puede acceder a los mismos periódicos online a los que accedemos tú y yo todos los días.

AD: Aparece escrito "Productos de apoyo que una persona sordociega emplea para utilizar un ordenador: un lector de pantallas y una línea braille. ¿No sabes lo que son? En este curso lo aprenderás".

Después de acceder a un periódico online, una persona sordociega puede ir a la Web, por ejemplo a una red social, y se puede poner en contacto con sus familiares, con sus amigos o incluso con personas que no conoce de otros países y puede discutir, puede comentar las noticias que ha leído.

AD: Aparecen capturas de pantalla de periódicos online, El Universal, El País, El mundo y Clarín. Aparecen los iconos de tres redes sociales, Google Plus, Twitter y Facebook. Aparece un mapa del mundo, alguien en España dice "¿Habéis oído lo último que ha dicho nuestro presidente?". Alguien en México contesta "¡Qué pendejo!". Alguien en Argentina contesta "Es un boludo".

¿A que es fantástico? ¿Verdad?

Pues desgraciadamente, sí que es fantástico pero existen problemas. La mayoría de los sitios web presentan barreras, barreras de accesibilidad que hacen que las personas con discapacidad tengan problemas para su uso.

Por ejemplo, muchos sitios web están mal diseñados, sus formularios son muy difíciles de usar si no puedes ver la página.

AD: Aparece la captura de pantalla de un formulario web muy largo.

Una persona ciega, o en el caso que te estoy contando una persona sordociega, tendrá muchas dificultades para manejar muchos formularios que hay en la Web.

O imagina, por ejemplo, un sitio web con multimedia, con vídeos o con audios.

AD: Aparece la captura de pantalla de un vídeo de YouTube con subtítulos. Se destacan los subtítulos del vídeo.

Si no existe una transcripción, una persona ciega o una persona sorda, no podrá recibir la misma información que tú y yo recibimos.

AD: Aparece escrito "¿No sabes cómo subtitular un vídeo en YouTube? En este curso lo aprenderás".

Sin embargo, existe una solución, esas barreras que presentan muchos sitios web se pueden evitar, se pueden eliminar con muy pequeños cambios.

¿Cómo se tiene que hacer? Ese es el propósito de este curso.

En este curso te vamos a enseñar qué es la accesibilidad web, que tiene como objetivo reducir o incluso eliminar las barreras que presentan muchos sitios web y que dificultan su uso por las personas con discapacidad.

AD: Aparece escrito "La accesibilidad web no beneficia solo a las personas con discapacidad, nos beneficia a todos. Todos nos podemos encontrar con las mismas barreras o similares. Por ejemplo, cuando accedemos a la Web desde un dispositivo móvil".

Para ello en este curso te vamos a enseñar lo siguiente:

AD: Aparece escrito el contenido del curso "1. Bienvenida al curso, 2. Qué es la accesibilidad web, 3. Las personas con discapacidad y la Web, 4. Pautas y leyes, 5. Contenido accesible, 6. Navegación accesible, 7. Diseño accesible, 8. Interacción accesible, 9. Accesibilidad y posicionamiento, 10. Análisis y evaluación de la accesibilidad, 11. Conclusiones".

En primer lugar te daremos una introducción a qué es la accesibilidad web y qué beneficios aporta a las personas con discapacidad.

AD: Aparece destacado "2. Qué es la accesibilidad web".

Es muy importante que conozcas cómo las personas con discapacidad usan la Web, cómo navegan por la Web. Dedicaremos un poco del curso a explicártelo.

AD: Aparece destacado "3. Las personas con discapacidad y la Web".

Y luego ya pasaremos a lo más importante, ¿cómo se crea un sitio web que sea accesible?

El contenido principal del curso lo hemos dividido en cuatro partes.

AD: Aparece destacado "5. Contenido accesible, 6. Navegación accesible, 7. Diseño accesible, 8. Interacción accesible".

Por un lado te explicaremos cómo lograr que el contenido sea accesible.

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona ciega sepa para qué sirve una imagen en una página web?".

También te explicaremos cómo lograr que la navegación entre las páginas sea accesible.

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con problemas cognitivos no se sienta perdida en un sitio web?".

Luego pasaremos a ver cómo lograr un diseño accesible.

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con ceguera al color (daltonismo) no tenga problemas con los colores de una página web?".

Y por último, te explicaremos cómo lograr que la interacción del usuario con las páginas web sea también accesible.

AD: Aparece escrito "Por ejemplo: ¿cómo se logra que una persona con movilidad reducida pueda utilizar una página web sin problemas?".

El curso lo finalizaremos con dos cosas muy importantes.

Por un lado, veremos también cómo la accesibilidad web ayuda a mejorar el posicionamiento, la posición que tu sitio web ocupa en los resultados de los buscadores.

AD: Aparece destacado "9. Accesibilidad y posicionamiento".

Y también te explicaremos cómo emplear herramientas automáticas de análisis, de evaluación de la accesibilidad web para que rápidamente detectes los errores, las barreras de accesibilidad que presentan tus páginas web.

AD: Aparece destacado "10. Análisis y evaluación de la accesibilidad". Aparecen capturas de pantalla de herramientas automáticas de análisis de la accesibilidad web, eXaminator, AChecker y TAW.

Este es un curso introductorio, al finalizar el curso no serás un experto en accesibilidad web pero sí que conocerás los principios básicos y las técnicas principales que te ayudarán a poco a poco lograr que tus páginas web sean accesibles.

Los profesores de este curso somos unos apasionados de la accesibilidad web, esperamos que disfrutes mucho con este curso y que al finalizar tú también seas un apasionado de la accesibilidad web.

AD: Aparecen los nombres de los profesores del curso, Olga Carreras Montoto, Antonio Ferrández Rodríguez, Sergio Luján Mora, Ester Serna Berná y Armando Suárez Cueto. Aparece escrito "¡Disfruta y aprende!".

AD: Aparece escrito otra vez el contenido del curso.

AD: Aparecen los datos de contacto de Sergio Luján Mora, la persona que ha realizado la presentación, y Armando Suárez Cueto, la persona que ha realizado la edición del vídeo.

AD: Aparecen otra vez los nombres de los profesores junto con sus fotografías.

AD: Aparece la dirección web accesibilidadweb.es y la cita de Tim Berners-Lee "El poder de la Web está en su universalidad. El acceso por cualquier persona, independientemente de la discapacidad que presente es un aspecto esencial".