Aprende las directrices de accesibilidad del contenido web para hacer que un sitio web o aplicación sea accesible para todos, incluyendo personas con discapacidades, y mejorar la experiencia general del usuario. ¿Cómo desarrollar productos digitales o aplicaciones accesibles? #AccesibilidadWeb #DirectricesDeAccesibilidadWeb #Accesibilidad #SirSajjad #AccesibilidadDigital #DirectricesDeAccesibilidadDeContenidoWeb #WCAG
Enlace para descargar la presentación sobre accesibilidad web:
¿Cómo agregar subtítulos o captions en videos de YouTube?:
Haz clic en las marcas de tiempo para ir a un tema específico:
**********************************************
0:00 ¿Qué es la accesibilidad web?
2:00 ¿Por qué es importante la accesibilidad?
3:30 Directrices de accesibilidad
20:31 Herramientas de prueba de accesibilidad
23:19 Hoja de trucos de accesibilidad
26:10 Recursos de accesibilidad
Recursos de Accesibilidad:
*************************
Accesibilidad Web:
WAI-ARIA:
Herramientas de Prueba de Accesibilidad:
ChromeVox (Extensión de Chrome Gratis)
Narrador de Windows (Aplicación Integrada de Windows)
Voiceover de Mac (Aplicación Integrada de Mac)
WAVE - Pruebas Automatizadas (Extensión de Chrome Gratis)
Diseño Responsivo:
Directrices de Accesibilidad Web:
*****************************
*Usa texto, botones y controles más grandes.
*Agrega suficiente contraste entre el texto y el color de fondo.
*Agrega texto alternativo para todas las imágenes no decorativas.
*Agrega subtítulos o captions y transcripciones en todos los videos y audios.
*Asegúrate de que el sitio web sea accesible y utilizable solo con el teclado sin un ratón.
*Asegúrate de que todos los elementos del formulario sean accesibles usando solo el teclado y en el orden correcto.
*Usa un diseño, navegación, familia de fuentes, color y tamaño de fuente consistentes en todo el sitio web.
*El diseño debe ser responsivo para verse bien en todos los dispositivos.
*Usa código HTML semántico.
*El orden de enfoque del tabulador del teclado debe ser lógico.
*Agrega un enlace para saltar la navegación.
*Proporciona suficiente tiempo para completar una tarea.
*Hazlo intuitivo, fácil de entender y usar.
*Usa un lenguaje simple, claro y conciso.
*Agrega instrucciones y ayuda para la prevención y recuperación de errores.
*Usa ARIA para hacer accesibles los controles de JavaScript y jQuery.
*Nunca uses solo color para transmitir información.
*Asegúrate de la accesibilidad de archivos PDF, Word y PowerPoint.
*Agrega enlaces descriptivos.
*Realiza pruebas de accesibilidad.