¿Cómo se ve un VPAT?

Clase 4 de 26 • Curso de Accesibilidad Web: Auditoría de Proyectos

Cristian Diaz

student•

Una pequeña adición: en el template podrás ver que se habla de WCAG 2.0 y 2.1. WCAG es abreviatura para Web Content Accessibility Guidelines (o Guía de Accesibilidad para Contenido Web) y básicamente contiene todos los criterios de accesibilidad que deberíamos considerar

La adición aquí es que pronto saldrá la WCAG 2.2 que va a agregar varias cosas interesantes como estado de focus en elementos interactivos, algunas consideraciones para elementos como captchas o elementos que requieran gestos o interacciones en concreto (como un Drag and Drop)

En este momento es un Candidate Recommendation lo que quiere decir que está básicamente listo. Aquí pueden ver más de los criterios de la WCAG 2.2

Marcelo Arias

teacher•

Wow, ¡Gracias por mencionarlo!

silvia marquez

student•

Me encanto, conozco otros que directamente le pegan el code snippet, los que vi estan en excel, por lo general por una cuestion de accesibilidad, notion no es tan accesible como nos gustaria aunque sea una herramienta tan buena <3.

Katherine Hernandez

student•

Excelente clase!

Juan Pablo Amador Díaz

student•

Una pregunta, al buscar información sobre VPAT en internet, siempre encuentro el termino VPAT®, es decir con el logo de trademark registered, lo que me lleva a pensar que es en realidad una marca creada por alguna empresa? Más allá del concepto de template, veo que se usa especialmente en Estados Unidos para temas de compras de productos digitales por parte de los gobiernos federales.

Como se relaciona la práctica del VPAT con las típicas declaraciones que se hacen en los productos digitales en los que se afirma intentar seguir un estándar específico como WCAG 2.1, estas declaraciones suelen estar en los footers de muchas páginas web, una página especifica donde encontramos esta declaración.

Daniel Andres Rojas Paredes

student•

Notion es navegable con lector de pantalla?

¿Cómo se ve un VPAT?

Definición de alcance

¿Quién audita la accesibilidad de un sitio web?

¿Cómo se definen los lineamientos de accesibilidad web?

¿Qué es un VPAT (Voluntary Product Accessibility Template)?

¿Cómo se ve un VPAT?

Importancia de las estadísticas de accesibilidad web

Errores de a11y más comunes a nivel mundial

Preparando el entorno

Virtualización de Windows en macOS y Linux con VirtualBox

Configuración de herramientas de a11y

Screen reader, mi mejor amigo

Lectores de pantalla

Trabajar con NVDA

Comportamientos especiales del screen reader

Detectar y reportar issues (automáticos)

Conociendo la WCAG

Plantillas y guías oficiales para reportar issues de a11y

Análisis automático de accesibilidad web

Issues y best practices de accesibilidad web

Intervención manual para detectar issues de a11y

Detectar y reportar issues (manuales)

Navegar con NVDA

Conocer la estructura de una página

Deshabilitar CSS

Meaningful Labels

Navegar en el header

Escuchar imágenes

Conocer botones y links

Resize y reflow

Reportes

Reportes de accesibilidad web

Cierre

Continúa creciendo tus proyectos de a11y