Scratch the image to get a discount on your course. You'll be able to 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
Toma notas de tu curso en tiempo real en 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
Hemos terminado una aventura juntos, ¡pero vamos a por la siguiente!

instructor

5.0 /5
(18)

  • Avatar
    María
    (5)
    A course everyone should take

    I learned that designing for everyone is a responsibility. This course opened my eyes to inclusive practices that, in fact, improve the overall experience of any website. A valuable lesson!

  • Avatar
    Jorge
    (5)
    Essential for development

    It completely changed my perspective on how people should navigate my sites, it was really eye-opening to understand that doing things right helps everyone, now I care about every technical detail with much more purpose.

  • Avatar
    Giovanni
    (5)
    A necessary shift in perspective

    It opened my eyes to how small design and code decisions impact the experience of thousands of users, giving me the technical guidelines to create inclusive websites that meet the most demanding international standards

  • Avatar
    Santiago
    (5)
    Ideal for understanding how people with disabilities navigate.

  • Avatar
    Nicolás
    (5)
    Interesting and useful

    It made me aware of what web accessibility is and how important it is for a part of the users

  • Avatar
    Nieves
    (5)
    designs inclusive, functional and respectful digital experiences for all users

    This course opened my eyes to web development in a whole new way. I thought accessibility was just about adding alt text to images, but I learned here that it's so much more: it's about thinking of people with visual, motor, cognitive or hearing disabilities from day one.

  • Avatar
    Rocío
    (5)
    Interesting content

  • Avatar
    Rosa
    (5)
    It really opened my eyes

    I'm going to try to apply everything I've learned in my future projects

  • Avatar
    Jackeline
    (5)
    Great concepts!!

  • Avatar
    Gustavo
    (5)
    Inclusive Design: Master web accessibility and create experiences for everyone

    This web accessibility course is much more than a technical guide: it's an invitation to build digital spaces that respect human diversity. From the fundamentals of WCAG (Web Content Accessibility Guidelines) to practical implementation with HTML, ARIA, and evaluation tools, the content is designed so that any professional can integrate accessibility from the first sketch.

  • Avatar
    Samuel
    (5)
    You should all do it!

    I learned how to make inclusive websites and I feel amazing knowing that more people can use my pages. It was eye-opening to understand how important this is.

  • Avatar
    Angel
    (5)
    Web Accessibility: Inclusive Design for Everyone

    This specialized course teaches you how to create accessible websites that comply with international standards like WCAG. You'll learn to implement inclusive design best practices, semantic markup, keyboard navigation, screen reader compatibility, and accessibility testing. Tools like Lighthouse, WAVE, and visual disability simulators are included. Perfect for developers and designers who want to build digital experiences accessible to all users, regardless of their abilities.

  • Avatar
    Gabriela
    (5)
    I feel like I'm making a positive change in the world with every line of code I write.

    I think everyone should take this accessibility course. I'd never thought about how important it is to make sites accessible to everyone, and now I can't stop seeing it!

  • Avatar
    Carlos
    (5)
    Web Accessibility Within Everyone's Reach

    I found this initiative of creating web pages with everyone in mind fascinating. I learned how to apply key accessibility principles to ensure my sites are usable by people with diverse abilities. It's incredible how small adjustments can make the internet accessible to everyone. This course doesn't just teach you the theory—it shows you how to implement it in practice. Changing the digital world starts right here!

  • Avatar
    danison
    (5)
    Access to better skills

    Excellent course to acquire skills that boost web development.

  • Avatar
    Caty
    (5)
    Excellent course

    I love the content, the structure, and the quality of the course.

  • Avatar
    Joiser
    (5)
    A valuable investment for creating experiences

    With a hands-on approach and clear content, it equips you with up-to-date knowledge and techniques applicable to real-world situations

  • Avatar
    Yvonne
    (5)
    It's a valuable investment in building a more accessible and equitable internet.

    educational experience centered on inclusive principles, providing essential knowledge and skills to design accessible websites.

PLANS TO MATCH YOUR GOALS AND NEEDS

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

Choose the payment method that works best for your needs and budget with a one-time course payment, monthly or yearly access to the learning Path, or even to the entire platform.

One-Time Payment

Buy the course once and access it for life

49.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Popular

Bronze Frog

Access all Frogames courses, communities and extras

39 /month

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

Web Development Path

Access all courses in the Web Development Path

19.99 /month

  • Single payment of 19.99€ per month
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress

One-time payment

Buy the course once and access it for life

49.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Valorado

Gold Frog

Access all Frogames courses, communities and extras

349 /year

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

Web Development Path

Access all Web Development Path Courses

199 /year

  • Single annual payment of €199
  • 4 months of discount
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress
  • Premium support

* All prices include taxes.

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

Web Development Path

The ultimate bundle with all our Web Development courses to design unique websites. Includes upcoming courses and updates and improvements to current ones.

Git y GitHub de la A a la Z: Todo sobre el control de versiones

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

106 classes

Curso completo de diseño web: aprende HTML, CSS y Javascript desde cero

Learn the web technologies you need to build your own websites for yourself or your clients from scratch with HTML 5, CSS and Javascript

147 classes

Marketing Digital para Negocios Online

Master Digital Marketing for Online Business and boost your sales through the internet

54 classes

Web Accessibility

Design websites for people of all abilities and change the digital world

127 classes

React JS: Aprende React JS desde cero con ejemplos prácticos

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

77 classes

SQL from A to Z

From creating databases to having total control of your queries, this course will take you from beginner to expert in handling data efficiently

86 classes

AWS Cognito Avanzado: Autenticación con Amazon Web Services

The most comprehensive course on Amazon Cognito, the authentication service from Amazon Web Services

461 classes

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

The BI analyst must have the ability to identify data potentially important for the business and that, when processed, can become a solid foundation for decision-making.

38 classes