Scratch the image to get a discount on your course. You can apply the coupon at checkout.

5.0 /5
(18)

127
Bienvenidos al curso de Accesibilidad Web
Cómo sacarle el máximo partido al curso
Take notes of your course in real time at Frogames Formación
Iniciativa de Accesibilidad Web (WAI) del W3C
¿Hay más normativas de accesibilidad web?
Solución Ejercicio ¿Hay más normativas de accesibilidad web?
Test
Beneficios de la accesibilidad web
Tipos de usuarios a los que afecta
Magnificador de pantalla
Narrador/Lector de pantalla
Teclado de pantalla
Ahora navega tú
Solución Ejercicio Ahora navega tú
Test
Recuerda primero estos tips básicos para hacer documentos accesibles
Estilos de encabezado en Microsoft Word
Estilos de encabezado en OpenOffice/LibreOffice Writer
Columnas y Listas en Microsoft Word
Columnas y Listas en OpenOffice/LibreOffice Writer
Enlaces accesibles en Microsoft Word
Enlaces accesibles en OpenOffice/LibreOffice Writer
Tablas accesibles en Microsoft Word
Tablas accesibles en OpenOffice/LibreOffice Writer
Texto alternativo en imágenes en Microsoft Word
Texto alternativo en imágenes en OpenOffice/LibreOffice Writer
Formularios accesibles en Microsoft Word
Formulario accesibles en OpenOffice/LibreOffice Writer
Generar PDF accesible desde Microsoft Word (Versión escritorio)
Generar PDF accesible desde Microsoft Word (Versión web)
Generar PDF accesible desde OpenOffice/LibreOffice Writer
Recursos complementarios
Documentos para todos
Solución Ejercicio Documentos para todos
Test
Recomendaciones básicas para hacer los documentos PDF accesibles
Etiquetado PDF accesible
Orden de lectura
Ayudas para navegar por PDF accesible
Proteger un PDF accesible
Navegar por el Panel de Etiquetas
Añadir texto alternativo y cambiar el tipo de etiqueta
Añadir nuevas etiquetas
Configurar idioma en documentos PDF
Crear formulario PDF accesible
Navegar con el teclado por los campos de formulario
Comprobación de accesibilidad en documentos PDF
Validar accesibilidad de documento PDF con la herramienta PAC (PDF Accessibility Checker)
Validar accesibilidad de documento PDF con el plugin de Adobe Acrobat CommonLook PDF Validator
Sugerencia final
Formularios PDF para todos
Solución Ejercicio Formularios PDF para todos
Test
HTML accesible: Introducción a la WAI-ARIA
Propiedades y atributos de la WAI-ARIA (1): Atributo tabindex
Propiedades y atributos de la WAI-ARIA (2): Landmark Roles
Propiedades y atributos de la WAI-ARIA (3): Live Regions
Propiedades y atributos de la WAI-ARIA (4): Etiquetado
CSS accesible: Reglas de la 1 a la 5
CSS accesible: Reglas de la 6 a la 10
CSS accesible: Reglas de la 11 a la 15
CSS accesible: Reglas de la 16 a la 20
CSS accesible: Reglas de la 21 a la 25
CSS Speech Module
La web que habla
Solución Ejercicio La web que habla
Test
Introducción a las Pautas de Accesibilidad al Contenido en la Web (WCAG)
Checklist WCAG
Principio Perceptible (1): Texto alternativo en imagenes
Principio Perceptible (2): Atributo longdesc en imagenes
Principio Perceptible (3): Subtitulado de videos
Principio Perceptible (4): Títulos de encabezado
Principio Perceptible (5): Listas
Principio Perceptible (6): Tablas
Principio Perceptible (7): Formularios
Principio Perceptible (8): Diseño responsive
Principio Perceptible (9): Uso del color
Principio Perceptible (10): Cambio del tamaño de texto y su espaciado
Principio Perceptible (11): Reflow
Principio Perceptible (12): Contenido con hover o focus
Principio Operable (1): Contenido accesible mediante teclado
Principio Operable (2): Tiempo suficiente para realizar tareas en la web
Principio Operable (3): Contenido libre de trastornos
Principio Operable (4): Enlaces de salto
Principio Operable (5): Título de las páginas
Principio Operable (6): Propósito de los enlaces
Principio Operable (7): Mapa web
Principio Operable (8): Migas de pan
Principio Operable (9): Tabla de contenidos
Principio Operable (10): Encabezados y etiquetas
Principio Operable (11): Foco del teclado
Principio Operable (12): Modalidades de entrada
Principio Comprensible (1): Idioma de la página
Principio Comprensible (2): Texto
Principio Comprensible (3): Funcionalidad predecible
Principio Comprensible (4): Entrada de datos predecible
Principio Comprensible (5): Navegación coherente
Principio Comprensible (6): Identificación coherente
Principio Comprensible (7): Identificación de errores al rellenar los formularios
Principio Comprensible (8): Prevención de errores al rellenar un formulario
Principio Robusto (1): Código HTML simple
Principio Robusto (2): Código HTML correcto
Principio Robusto (3): Validar código HTML y CSS
Principio Robusto (4): Establecer Doctype
Principio Robusto (5): Reglas de restablecimiento CSS
Principio Robusto (6): Usar comentarios condicionales
Principio Robusto (7): Utilizar frameworks y bibliotecas compatibles con todos los navegadores
Principio Robusto (8): Utilizar JavaScript no intrusivo
Viajando por la web
Solución Ejercicio Viajando por la web
Test
Evaluación manual
Evaluación automática (1): HTML Code Sniffer
Evaluación automática (2): TAW
Evaluación automática (3): WAVE
Método WCAG-EM: Introducción
Método WCAG-EM Paso 1: Definir el alcance de la evaluación
Método WCAG-EM Paso 2: Explorar el sitio web
Método WCAG-EM Paso 3: Seleccionar una muestra representativa
Método WCAG-EM Paso 4: Auditar la muestra seleccionada
Método WCAG-EM Paso 5: Registrar los resultados de la evaluación
Ejemplos de evaluación de accesibilidad de los sitios web
Test
Examinando la web
Solución Examen Final Examinando la web
We have finished an adventure together, but let's go for the next one!

instructor

5.0 /5
(18)

  • Avatar
    María
    (5)
    Un curso que todos deberíamos tomar

    Aprendí que diseñar para todos es una responsabilidad. Este curso me abrió los ojos sobre prácticas inclusivas que, además, mejoran la experiencia general de cualquier sitio. ¡Una lección valiosa!

  • Avatar
    Jorge
    (5)
    Imprescindible para el desarrollo

    Me cambió totalmente la perspectiva sobre cómo debe navegar la gente en mis sitios, fue muy revelador entender que hacer las cosas bien ayuda a todo el mundo, ahora cuido cada detalle técnico con mucho más sentido.

  • Avatar
    Giovanni
    (5)
    Un cambio de perspectiva necesario

    Me abrió los ojos sobre cómo pequeñas decisiones de diseño y código impactan en la experiencia de miles de usuarios, dándome las pautas técnicas para crear sitios web inclusivos que cumplen con los estándares internacionales más exigentes

  • Avatar
    Santiago
    (5)
    Ideal para entender cómo navegan las personas con discapacidad.

  • Avatar
    Nicolás
    (5)
    Interesante y útil

    Me hizo ganar consciencia de lo que es la accesibilidad web y lo importante que es para una parte de los usuarios

  • Avatar
    Nieves
    (5)
    diseña experiencias digitales inclusivas, funcionales y respetuosas para todos los usuarios

    Este curso me hizo ver el desarrollo web con otros ojos. Yo pensaba que accesibilidad era solo poner texto alternativo en imágenes, pero aquí entendí que es mucho más: es pensar en personas con discapacidades visuales, motoras, cognitivas o auditivas desde el primer momento.

  • Avatar
    Rocío
    (5)
    Contenido interesante

  • Avatar
    Rosa
    (5)
    Me concienció mucho

    Voy a intentar aplicar todo lo aprendido en mis futuros proyectos

  • Avatar
    Jackeline
    (5)
    Buenos conceptos!!

  • Avatar
    Gustavo
    (5)
    Diseño inclusivo: domina la accesibilidad web y crea experiencias para todos

    Este curso de accesibilidad web es mucho más que una guía técnica: es una invitación a construir espacios digitales que respeten la diversidad humana. Desde los fundamentos del WCAG (Web Content Accessibility Guidelines) hasta la implementación práctica con HTML, ARIA y herramientas de evaluación, el contenido está diseñado para que cualquier profesional pueda integrar accesibilidad desde el primer boceto.

  • Avatar
    Samuel
    (5)
    ¡Todos deberían hacerlo!

    Aprendí a hacer sitios inclusivos y me siento genial sabiendo que más personas pueden usar mis páginas. fue revelador entender la importancia de esto.

  • Avatar
    Angel
    (5)
    Accesibilidad web: diseño inclusivo para todos

    Este curso especializado enseña cómo crear sitios web accesibles que cumplan con estándares internacionales como WCAG. Aprenderás a implementar buenas prácticas de diseño inclusivo, etiquetas semánticas, navegación por teclado, compatibilidad con lectores de pantalla y pruebas de accesibilidad. Se incluyen herramientas como Lighthouse, WAVE y simuladores de discapacidad visual. Ideal para desarrolladores y diseñadores que desean construir experiencias digitales accesibles para todos los usuarios, sin importar sus capacidades.

  • Avatar
    Gabriela
    (5)
    Siento que estoy haciendo un cambio positivo en el mundo con cada línea de código que escribo.

    Creo que este curso de accesibilidad todos lo deberían tomar. nunca había pensado en lo importante que es hacer sitios accesibles para todos, y ahora no puedo dejar de verlo!

  • Avatar
    Carlos
    (5)
    Accesibilidad web al alcance de todos

    Esta iniciativa de crear paginas web pensando en todos los publicos me parecio fascinante. Aprendí cómo aplicar principios clave de accesibilidad para garantizar que mis sitios sean utilizables por personas con diversas capacidades. Es increíble cómo pequeños ajustes pueden hacer que el internet sea accesible para todos. Este curso no solo te enseña la teoría, sino cómo implementarla de forma práctica. ¡Cambiar el mundo digital empieza por aquí!

  • Avatar
    danison
    (5)
    Acceso a mejores habilidades

    Excelente curso para adquirir habilidades que impulsan el manejo web.

  • Avatar
    Caty
    (5)
    Excelente curso

    me encanta el contenido, la estructura y la calidad del curso.

  • Avatar
    Joiser
    (5)
    Una inversión valiosa para crear experiencias

    Con un enfoque práctico y contenido claro, te equipa con conocimientos actualizados y técnicas aplicables a situaciones del mundo real

  • Avatar
    Yvonne
    (5)
    Es una inversión valiosa para construir un internet más accesible y equitativo.

    experiencia educativa centrada en principios inclusivos, proporcionando conocimientos y habilidades esenciales para diseñar sitios web accesibles.

PLANS TO ACCESS ACCORDING TO YOUR GOALS AND NEEDS

Buy the individual course, get all the learning path or access the entire platform

Choose the payment method that best fits your needs and budget with a single course payment, monthly or annual access to the learning path, or even the entire platform.

Single Payment

Buy the course once and get lifetime access

49.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Popular

Bronze Frog

Access all Frogames courses, communities, and extras

39 /month

  • One-time payment of 39€ per month
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress

Ruta de Desarrollo Web

Accede a todos los cursos de la Ruta de Desarrollo Web

19.99 /month

  • One-time payment of €19.99 per month
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress

Single payment

Buy the course once and get lifetime access

49.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Rated

Golden Frog

Access all Frogames courses, communities, and extras

349 /year

  • One-time payment of 349€ per year
  • 3 months discount
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Resource Library
  • Monthly Q&A live sessions
  • Premium support

Ruta de Desarrollo Web

Accede a todos los Cursos de la Ruta de Desarrollo Web

199 /year

  • One-time payment of €199 per year
  • 4 months discount
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Premium support

* All prices include taxes.

For your security, all orders will be processed on a secure server.

Ruta de Desarrollo Web

El pack definitivo con todos nuestros cursos de Desarrollo Web para diseñar páginas web únicas. Incluye los cursos que están por venir y las actualizaciones y mejoras de los actuales

Git and GitHub from A to Z: Everything about version control

Learn the fundamental concepts and essential workflow for version control using Git and GitHub from scratch!

106 classes

Complete web design course: learn HTML, CSS and Javascript from scratch

Learn the web technologies needed to make your own web pages for yourself or for your clients from scratch with HTML 5, CSS and Javascript

147 classes

Digital Marketing for Online Businesses

Master Digital Marketing for Online Businesses and increase the sales of your business or company through the internet

54 classes

Accesibilidad web

Diseña páginas webs para personas de todas las condiciones y cambia el mundo digital

127 classes

React JS: Learn React JS from scratch with practical examples

Learn from scratch, dive into React JS and become a developer who uses the power of the most advanced web technologies

77 classes

SQL de la A a la Z

Desde la creación de bases de datos hasta el control total de tus consultas, este curso te llevará de principiante a experto en el manejo de datos de manera eficiente

86 clases

AWS Cognito Avanzado: Autenticación con Amazon Web Services

El curso más completo sobre Amazon Cognito, el servicio de autenticación de Amazon Web Services

461 clases

Power BI, SQL y Desarrollo Web integrados para Seguimiento de Tareas

El analista de BI debe tener la habilidad para identificar datos potencialmente importantes para el negocio y que al ser procesados pueden convertirse en una base sólida para la toma de decisiones

38 clases