Curso de Accesibilidad web
Cada vez más empresas y administraciones están obligadas por ley a que sus sitios web y aplicaciones sean accesibles. Este curso te da las claves para entender qué significa esto en la práctica y cómo aplicarlo en tu día a día profesional.
A lo largo de la formación aprenderás a identificar barreras de accesibilidad reales, a conocer el marco legal que las regula, y a aplicar criterios concretos de diseño, contenido y navegación para que cualquier persona —tenga o no una discapacidad— pueda usar un producto digital sin dificultad. El curso combina teoría breve y directa con actividades prácticas constantes: analizarás páginas reales, corregirás código, redactarás textos alternativos y, en el proyecto final, auditarás una landing page completa detectando y solucionando sus barreras de accesibilidad, tal y como harías en un encargo profesional real.
Al terminar, sabrás detectar problemas de accesibilidad en cualquier contenido digital, argumentar por qué son una barrera, identificar qué normativa o criterio técnico incumplen, y proponer soluciones concretas: una competencia cada vez más demandada en el sector editorial, de comunicación y de desarrollo web.
Alicia Fernández López
Profesora
180 €
MÁS INFORMACIÓN
No se necesitan conocimientos técnicos previos
Tutorizado
Online
1 mes
Orientación profesional
Portal de ofertas de empleo
Gastos de matrícula (30€) no incluidos en el precio del curso. Consulta descuentos.
Objetivos
- Definir el concepto de accesibilidad web y diferenciarlo de conceptos afines como la usabilidad, el diseño adaptativo, el SEO o la inclusión digital.
- Identificar los distintos tipos de discapacidad y las tecnologías de asistencia que utilizan las personas usuarias para navegar por internet.
- Conocer el marco legal de la accesibilidad web, tanto europeo como español, y las pautas WCAG que permiten aplicarlo en la práctica.
- Reconocer la estructura básica de una página web (HTML y CSS) como base para detectar y proponer mejoras de accesibilidad.
- Aplicar criterios de accesibilidad al diseño visual de un contenido digital: tipografía, contraste, color, imágenes, enlaces y contenido multimedia.
- Estructurar un contenido digital de forma jerárquica y coherente, tanto a nivel visual como en su código.
- Diseñar una navegación y unos formularios accesibles, previsibles y utilizables por cualquier perfil de usuario.
- Validar la accesibilidad de un contenido digital combinando evaluación automática, manual y con usuarios reales.
- Analizar casos reales de barreras de accesibilidad y proponer soluciones concretas y fundamentadas.
- Integrar la accesibilidad como práctica habitual en todas las fases de un proyecto digital, conociendo los roles y responsabilidades de cada perfil implicado.
UNIDAD DIDÁCTICA 1. Definición y fundamentos de la accesibilidad web
- Definición de accesibilidad web
- ¿Por qué es importante?
- Alcance de la accesibilidad web
- La accesibilidad universal
- ¿Qué no es accesibilidad web?
5.1. Usabilidad
5.2. Diseño adaptativo o Responsive Design
5.3. SEO
5.4. Inclusión digital
- Beneficios de la accesibilidad digital
Actividad multimedia 1. Ideas clave de la accesibilidad web
Actividad multimedia 2. Conceptos fundamentales sobre la accesibilidad web
Actividad práctica 1. Identifica el concepto correcto
UNIDAD DIDÁCTICA 2. Usuarios, capacidades y tecnología
- ¿Para quién diseñamos un producto digital?
- Tipos de discapacidad
- Barreras de accesibilidad en la web según el tipo de discapacidad
3.1. Personas con problemas visuales
3.2. Personas con limitaciones motoras
3.3. Personas con limitaciones auditivas
3.4. Personas con limitaciones cognitivas
3.5. Personas con dificultad en el habla
3.6. Discapacidad temporal o situacional
- Tecnologías asistivas
4.1. Lectores de pantalla
4.2. Magnificadores de pantalla
4.3. Pantallas de braille electrónicas
4.4. Software de reconocimiento de voz
4.5. Hardware adaptado
4.6. Subtítulos y transcripciones automáticas
Actividad multimedia 3. Tipos de daltonismo
Actividad multimedia 4. Tecnologías y discapacidad
Actividad práctica 2. ¿Qué tecnología asistiva necesita cada persona?
UNIDAD DIDÁCTICA 3. Legislación y pautas de accesibilidad (WCAG)
- Marco legal
1.1. Marco internacional y nacional
1.2. Consecuencias por incumplimiento
1.3. Declaración de accesibilidad
- Las pautas WCAG
2.1. Nivel 1: los cuatro principios fundamentales
2.2. Nivel 2: las pautas
2.3. Nivel 3: los criterios de conformidad
2.4. Nivel 4: las técnicas
- Los niveles de conformidad
Actividad multimedia 5. Afirmaciones sobre la legislación en materia de accesibilidad
Actividad multimedia 6. Los cuatro principios de las WCAG
Actividad práctica 3. ¿Está obligada esta organización a cumplir la normativa de accesibilidad?
UNIDAD DIDÁCTICA 4. El diseño de la web accesible I. Principios de una web
- ¿Qué es una página web?
- HTML y CSS
2.1. HTML (Hyper Text Markup Language)
2.2. CSS (Cascading Style Sheets)
2.3. Relación entre HTML y CSS
- Estructura de una web
- Características de mejora
4.1. Ayuda a personas que no pueden visualizar las imágenes
4.2. Genera un código con sentido
4.3. Ayuda a los usuarios que no pueden utilizar un ratón
4.4. Cuando el marcado HTML no es suficiente
Actividad multimedia 7. Vocabulario sobre HTML y CSS
Actividad multimedia 8. Estructura de una web accesible
Actividad práctica 4. Analiza la estructura de una página web
UNIDAD DIDÁCTICA 5. El diseño de la web accesible II. Diseño visual
- Tipografía
1.1. Tipos de letra
1.2. Tamaño
- Contraste
- Color
- Enlaces
- Imágenes y textos alternativos
- Subtítulos, audios y vídeos
Actividad multimedia 9. Conceptos fundamentales sobre diseño visual accesible
Actividad multimedia 10. Afirmaciones sobre los criterios WCAG en diseño visual accesible
Actividad práctica 5. Revisa el diseño visual de una landing page
UNIDAD DIDÁCTICA 6. El diseño de la web accesible III. Contenido accesible
- Producción y revisión de los textos
- Jerarquía visual
2.1. Identidad visual: nombre y logotipo
2.2. Organización del contenido en secciones
2.3. Elementos visuales de cada sección
- Jerarquía estructural
3.1. Los encabezados y su jerarquía (H1-H6)
3.2. El idioma y el título de la página
- Iconografía
4.1. ¿Qué son los iconos y cuándo generan barreras?
4.2. Buenas prácticas para iconos accesibles
4.3. El caso particular de los emojis
- Animaciones y movimientos
Actividad multimedia 11. Conceptos fundamentales sobre contenido accesible
Actividad multimedia 12. Afirmaciones sobre los criterios WCAG en contenido accesible
Actividad práctica 6. Audita la estructura y jerarquía de una página web
UNIDAD DIDÁCTICA 7. Navegación por la web
- Percepción y reconocimiento en la web
1.1. Cómo leemos (realmente) una página web
1.2. El poder de las convenciones y el reconocimiento visual
- Formas de lectura
2.1. Patrones de lectura en productos digitales
2.2. Navegación por teclado
2.3. Orden lógico y visibilidad de foco
- Estructura de la navegación
3.1. Estructura consistente
3.2. Múltiples formas de navegación
3.3. Modo «saltar contenido»
3.4. Migas de pan
- Formularios accesibles
4.1. Qué son los formularios accesibles y cómo crearlos
4.2. Instrucciones claras para completar formularios
4.3. Gestión de errores en formularios
4.4. Prevención de errores en formularios
- Tiempo suficiente para completar tareas
Actividad multimedia 13. Navegación, lectura y formularios accesibles
Actividad multimedia 14. Afirmaciones sobre navegación y formularios accesibles
Actividad práctica 7. Detecta problemas de accesibilidad en un formulario
UNIDAD DIDÁCTICA 8. Validación de contenidos
- Evaluación automática
- Evaluación manual
- Evaluación con grupos de control
- Contratación de servicios de terceros
- Informe de accesibilidad
- Checklist rápido de validación
Actividad multimedia 15. Conceptos fundamentales sobre la evaluación de accesibilidad
Actividad multimedia 16. Afirmaciones sobre la evaluación de accesibilidad
Actividad práctica 8. Valida la accesibilidad de una página web
UNIDAD DIDÁCTICA 9. Casos prácticos de accesibilidad digital
- Introducción
- Casos prácticos
Caso práctico 1. Un campo sin etiqueta y errores solo en rojo
Caso práctico 2. Un vídeo sin subtítulos ni control de audio
Caso práctico 3. Un carrusel automático sin pausa ni alternativa en texto
Caso práctico 4. Un PDF escaneado sin texto real
Caso práctico 5. Una sesión que caduca sin previo aviso
Caso práctico 6. Textos demasiado largos y complejos
Caso práctico 7. Un enlace que no dice a dónde lleva
Caso práctico 8. Un widget de accesibilidad que promete demasiado
Caso práctico 9. Una navegación que cambia sin motivo aparente
Caso práctico 10. Un diseño que no soporta el zoom
UNIDAD DIDÁCTICA 10. Integración de la accesibilidad web
- Accesibilidad en el ciclo de vida del proyecto
- Roles y responsabilidades en un equipo accesible
Práctica final. Detecta y soluciona barreras de accesibilidad en una landing page
-
Curso de SEO y estrategias de posicionamiento orgánico
Onlineleer más
En el curso de SEO aprenderás a desarrollar un proyecto de SEO desde el principio. Entenderás los principios fundamentales e irás profundizando hasta poder diseñar y ejecutar estrategias de posicionamiento orgánico eficaces.
-
Curso de Storytelling
Onlineleer másEn el curso de Storytelling de Cálamo y Cran aprenderás a crear una narrativa desde cero. Verás que es un recurso o una herramienta de comunicación con muchas posibilidades y aplicaciones. Te puede ayudar a comunicar en cualquier contexto profesional.
-
Curso de Copywriting
Onlineleer másEl curso de Copywriting de Cálamo y Cran te descubrirá cómo aplicar las técnicas de escritura persuasiva para la venta online.
-
Curso de Redacción profesional
Onlineleer másEste curso de redacción te ayudará a escribir con soltura, claridad y eficacia. Lograrás, de una forma muy práctica, una expresión escrita limpia y libre de errores gramaticales y ortográficos.
