Accesibilidad Web: Mejores Prácticas y Consejos Básicos
Clase 5 de 22 • Curso de Diseño para Developers
Contenido del curso
- 2

Desarrollo de la creatividad para diseño y aplicaciones web
02:59 - 3

Conceptos Básicos de Composición en Diseño Gráfico
03:45 - 4

Responsive Design: Metodologías y Prácticas Esenciales
04:12 - 5

Accesibilidad Web: Mejores Prácticas y Consejos Básicos
05:11 - 6

Creación de un Brief para Aplicaciones de Restaurantes
03:40
- 10

Diseño UI: Estilos Visuales y Diferencias con UX
01:10 - 11

Creación de Mood Boards para Aplicaciones Visuales
01:46 - 12

Psicología del Color y su Aplicación en Diseño Web
03:35 - 13

Creación de Paletas de Color para Aplicaciones
03:28 - 14

Selección y Uso de Tipografías en Diseño Web
05:02 - 15

Creación de Grillas Responsivas con CSS Grid y SASS
05:24 - 16

Desarrollo de Aplicaciones Web con Componentes Reutilizables
02:52 - 17

Implementación de Themes en Aplicaciones Web con CSS y SAS
04:38 - 18

Selección y uso adecuado de imágenes para la web
06:15 - 19

Uso Eficiente de Animaciones y Videos en Páginas Web
06:37 - 20

Repaso y Construcción Final de Aplicación Web en React
09:33
La accesibilidad es necesaria para permitir que cualquier persona independientemente de sus capacidades pueda acceder a la informacion necesaria sin dificultades.
Cómo hacer tu sitio web accesible
-
HTML estructurado correctamente ⇒ Para que los lectores de pantalla puedan proporcionar un detalle acertado al usuario, la semántica en HTML es importante, además, esto ayuda a la página en el SEO.
-
Tamaños de fuente accesibles ⇒ Al utilizar tamaños de fuente demasiado pequeños, evita que aquellos con problemas de vista accedan a toda la información de nuestra página.
-
Contrastes adecuados ⇒ Si se utilizan los colores incorrectos, puede llevar a información, texto o imágenes a que estos no sean visibles por ciertas personas.
-
Evitar categorización únicamente por colores ⇒ Cuando se categorizan información por colores es bonito y fácil para ciertas personas, pero si no se le agrega alguna alternativa extra como bordes o separaciones marcadas puede dificultar la comprensión para cierta población.
-
No dejar a un lado los estados “focus” y “active” (HTML) ⇒ Estos proporcionan una ayuda visual para que el usuario sepa en qué parte de la página se encuentra.
-
Agregar etiquetas y textos descriptivos a campos de formularios, videos e imágenes.
-
Evitar animaciones que bloqueen contenido ⇒ Esto provoca que aquellos que no tengan acceso a un mouse no obtengan la misma cantidad de información que uno que si lo tiene.
Contribución creada con los aportes de: José Enrique Pérez Aquino