Desarrollo Web Accesible Nivel Avanzado

Objetivos

Objetivos de la formación en desarrollo web accesible avanzado

Al final de la formación será capaz de:

    • Reconocer los principios fundamentales de la accesibilidad digital
    • Diseñar y desarrollar sitios web accesibles conforme al RGAA 4
    • Autoevaluar la accesibilidad de sus desarrollos web

Duración

Programa

Programa de la formación en desarrollo web accesible avanzado

Día 1 – Mañana

Revisión de la accesibilidad digital

    • Definición y concepto de “situación de discapacidad”
    • Cifras clave relacionadas con la discapacidad
    • Tipologías de discapacidad
        o Visuales
        o Auditivas
        o Motoras
        o cognitivas
    • Tecnologías de asistencia

Ejemplos de ejercicios prácticos (a título indicativo)

    • Ejemplos de usuarios enfrentados a sitios no accesibles

Estándares de accesibilidad vigentes

    • Definiciones, usos y limitaciones
    • WCAG (Directrices de Accesibilidad para el Contenido Web)
    • RGAA (Marco General de Mejora de la Accesibilidad)
    • RAAM (Marco de Accesibilidad para Aplicaciones Móviles)
    • Limitaciones de los estándares: diferencia entre conformidad (técnica) y accesibilidad
    • Marco legal

Auditoría RGAA

    • Metodología
    • Definición de una muestra de auditoría
    • Uso de la matriz de auditoría RGAA
    • Priorización
    • Declaración de accesibilidad

Día 1 – Tarde

Herramientas de prueba

    • Principios de las pruebas de accesibilidad y limitaciones de las herramientas automáticas
    • Herramientas integradas en los navegadores
    • Herramientas automáticas
    • Herramientas manuales
    • Prueba de navegación por teclado
    • Assistant RGAA – identificación de alternativas de imágenes y gestión del espaciado del texto
    • ANDI – identificación de alternativas de imágenes, nombres accesibles, contrastes de color y visibilidad del foco
    • HeadingsMap – análisis de la estructura del documento (niveles de títulos)

Ejemplos de ejercicios prácticos (a título indicativo)

    • Uso de herramientas integradas en los navegadores (contrastes, orden de tabulación)
    • Uso de herramientas automáticas como Tanaguru Webext RGAA 4
    • Uso de herramientas manuales en sitios web
    • Prueba de navegación con lector de pantalla

Concepto WAI-ARIA

    • Revisión de HTML
    • WAI-ARIA: rol, estado y propiedad
    • Ejemplos de uso

Temáticas del RGAA 4

    • Imágenes
        o Tipos de imágenes y buenas prácticas asociadas
        o Técnicas de implementación según el tipo de imagen
    • Plataformas online: recordatorios rápidos
    • Colores: recordatorios rápidos
    • Multimedia: recordatorios rápidos

Ejemplos de ejercicios prácticos (a título indicativo)

    • Identificación de tipos de imagen y definición de alternativas adecuadas

Día 2 – Mañana

Temáticas RGAA 4 – Continuación

    • Tablas
        o Tablas de datos
        o Tablas de presentación
        o Buenas prácticas
        o Técnicas de implementación

    • Links
        o Tipos de links
        o Noción de link explícito y contexto
        o Links vacíos

    • Scripts
        o Compatibilidad con tecnologías de asistencia
        o Nombre, rol, valor
        o Cambios de estado
        o Design patterns
        o Alternativas a los scripts

Ejemplos de ejercicios prácticos (a título indicativo)

    • Análisis de tablas y propuestas de corrección
    • Implementación accesible de tablas
    • Verificación de links
    • Detección de links vacíos
    • Desarrollo de pestañas accesibles
    • Identificación de alternativas a scripts

Día 2 – Tarde

Temáticas RGAA 4 – Continuación

    • Scripts – continuación
    • Gestión de interacciones teclado / ratón / táctil
    • Cambios de contexto
    • Mensajes de alerta y estado
    • Elementos obligatorios
    • Validez del código
    • Cambios de idioma y dirección de lectura
    • Títulos de página
    • Uso de elementos de presentación
    • Estructuración de la información
    • Títulos de sección
    • Estructura del documento
    • Tipos de listas
    • Citas

Ejemplos de ejercicios prácticos (a título indicativo)

    • Implementación de alertas accesibles
    • Análisis de títulos de página
    • Identificación de estructuras adecuadas
    • Identificación de listas pertinentes

Día 3 – Mañana

Temáticas RGAA 4 – Continuación

    • Presentación de la información
        o Uso de estilos
        o Texto ampliado
        o Gestión de colores
        o Contenido oculto
        o Reorganización del contenido
        o Espaciado del texto
        o Contenidos adicionales

    • Formularios
        o Etiquetas de campos
        o Posición de las etiquetas
        o Agrupación de campos
        o Agrupación de opciones
        o Botones de formulario
        o Campos obligatorios y errores
        o Recuperación de datos
        o Atributos de autocompletado

    • Navegación
        o Navegación interna
        o Links de evasión
        o Orden de tabulación
        o Trampas de teclado
        o Atajos de teclado

    • Consulta
        o Límites de tiempo
        o Orientación
        o Gestos complejos
        o Cancelación de interacciones
        o Interacciones mediante movimiento

Ejemplos de ejercicios prácticos (a título indicativo)

    • Técnicas de ocultación de contenido
    • Verificación de atributos de autocompletado
    • Implementación de links de evasión

Metodología

Metodología de la formación en desarrollo web accesible avanzado

    • Formación presencial o a distancia.
    • El formador utiliza métodos demostrativos, interrogativos y activos con ejercicios prácticos.

Evaluación de la formación en desarrollo web accesible avanzado

    • A lo largo de la formación, los contenidos teóricos se acompañan de ejercicios y estudios de caso que permiten aplicar los conocimientos adquiridos.

Bonificación Fundae

Esta formación es bonificable a través de FUNDAE para todas las empresas que cuenten con trabajadores en régimen general de la Seguridad Social y dispongan de crédito formativo. SKOLAE Formación gestiona todo el proceso administrativo necesario para que tu empresa pueda recuperar el importe invertido en la formación, siempre que se cumplan los requisitos legales y de comunicación establecidos por FUNDAE.

Formador

La formación es impartida por un formador especializado en accesibilidad web y desarrollo Front-End avanzado, con experiencia en implementación y auditoría conforme a RGAA 4. Acompaña a los participantes en la optimización de la accesibilidad en proyectos web complejos.

¿Te gustó esta formación? Suscríbete a nuestra Newsletter pinchando aquí. También te animamos a seguirnos en LinkedIn, Instagram y Facebook y así estarás al día de todas nuestras novedades.