Dominar las bases de la accesibilidad
¿Listo para hacer la web un mejor lugar para todos sus usuarios?
Conociendo la importancia de la accesibilidad web
Aprendiendo sobre WCAG y sus criterios de conformidad
Profundizando los 12 criterios de conformidad
Los 4 principios de WCAG
Tecnología Asistivas - cuáles son y cómo funcionan
Presentar el proyecto
Instalación del proyecto y primeros pasos
Evaluar la accessibilidad de sitios web
Pruebas automáticas con Lighthouse
Pruebas con simuladores de discapacidades visuales
Pruebas manuales con tu teclado
Pruebas manuales con lectores de pantalla
Pruebas manuales con VoiceOver
Refactorizar HTML para ser mas accessible
¿Qué es el HTML semántico y por qué es importante?
Usando HTML semántico en el header de nuestro sitio
Usando HTML semántico en el contenido principal de nuestro sitio
Usando HTML semántico en footer de nuestro sitio
ARIA - Accessible Rich Internet Applications
ARIA roles
ARIA properties
ARIA states
Overview del proyecto con los retos resueltos
Utilizar CSS para aumentar la acessibilidad de un sitio web
Contrastes de color
Iconos
Skip Links
Estilos de foco y hover
Overview retos resueltos con CSS
Extender la accesibilidad usando JavaScript
Manejando el foco del teclado - botones
Manejando el foco del teclado - el carousel
Coordinando el foco del teclado con el foco de lectores de pantallas
Manejando modales
Mejorando la accesibilidad con teclado de nuestro modal
Ayudando a nuestros usuarios a interactuar correctamente con el sitio
Validando formularios
Manejando cambios dinámicos
Conclusión
Siguientes pasos
Resources
Transcript
What is web accessibility and why is it crucial?
Web accessibility is a concept that goes beyond designing beautiful or functional sites; it is an essential practice to ensure that all web content is usable and understandable by people in various situations. Have you ever wondered how many people could be left out if you don't consider accessibility? A staggering 20% of the world lives with some form of disability!
Why is web accessibility important?
1. Inclusion of people with disabilities:Including people with disabilities in your web design is not only morally right, but also necessary. These people may have difficulty seeing, hearing or understanding web content in the same way as other people. Ignoring this inclusion is tantamount to excluding millions of people from accessing online information and services.
2. Improve usability:An accessible website is often synonymous with a site that is easy to use for everyone. A powerful example is the vibrate mode on cell phones. Originally designed for the hearing impaired, it is now a widely used tool to avoid interrupting meetings. Accessibility can personalize the user experience, which increases satisfaction and love for a product.
3. Legal compliance:In many countries, web accessibility is not optional, it is a legal obligation. In the United States, for example, there are laws that ensure that services and products are accessible and there are cases where this is strictly enforced, as happened with the famous Domino's pizza chain. In Latin America, 55% of countries also have regulations to ensure accessibility on the web.
How does accessibility affect digital projects?
Implementing accessibility not only serves an ethical and legal function, but can also transform the quality of digital products. An accessible design:
- Increases potential reach by including a wider audience.
- Improves user experience, increasing loyalty and engagement.
- Can be a key differentiator in saturated markets where personalization and end-user consideration are increasingly valuable.
Accessibility tools and standards
In the following course, you will study the WCAG (Web Content Accessibility Guidelines) accessibility standard, a set of standards that guide developers to create more accessible content. Knowing and applying these principles will not only give you a competitive advantage, but will ensure that your projects are inclusive and legally compliant.
Accessibility is more than a trend; it's an imperative. As we move forward in the digital age, let's always remember the voices that might be left out of the conversation and give them a place at the table. Accessibility is a continuous journey of learning and improvement!
Contributions 40
Questions 3
Sort by:
Accesibilidad Web: Es la práctica continua de asegurarnos que todo lo que creamos para la web se puede usar, interpretar y operar por una variedad de personas en una variedad de situaciones.
**a11y ** numerónimo de accesibilidad
¿Por qué accesibilidad?
- Para incluir a personas en situaciones de discapacidad.
- Para mejorar la usabilidad de nuestros proyectos.
- Porque en algunos lugares es la ley.
Americans with Disabilities Act (ADA) became law in 1990.
Como desarrolladores es nuestra responsabilidad hacer que nuestras aplicaciones sean lo mas accesibles posible para la mayor cantidad de usuarios.
Al hablar de accesibilidad Web se está haciendo referencia a un diseño Web, que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web aportando contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo adultos mayores que han visto mermadas sus capacidades a consecuencia de la edad.
La accesibilidad Web va a beneficiar a muchos tipos de discapacidades, incluyendo a personas con discapacidad visual, auditiva, física, cognitiva, neurológica y del habla.
Comparto una página incluyente, con los niveles más altos de accesiblidad de la CONAPRED en México:
http://www.conapred.org.mx/depositobv/CARPETA-WEB_ACCESIBLE.pdf
Ideas/conceptos claves
Accesibilidad web es la practica continua de que todo lo que creamos para la web se puede usar, interpretar y operar por una variedad de personas en una variedad de situaciones
a11y es el numerónimo de accesibilidad
Apuntes
<h3>¿Por qué accesibilidad?</h3>- Para incluir a personas en situaciones de discapacidad
- Es estimado que aproximadamente el 20% del mundo vive con alguna discapacidad
- Mala vista
- Mala comprensión de lo que un sitio hace
- Se estima que la mayoría de las personas que implementan la accesibilidad web lo hacen por un llamado moral
- Es estimado que aproximadamente el 20% del mundo vive con alguna discapacidad
- Para mejorar la usabilidad de nuestros proyectos
- Cuando tienes un producto accesible, es un producto que la gente suele amar porque es muy personalizado, debido a que las personas pueden personalizarlo a sus gustos
- Porque en algunos lugares es ley
- En EEUU existe una ley que menciona que, si tus usuarios están en el país, ellos tienen el derecho de que todos los productos, servicios o servicios que ellos desean participar sean accesibles
- Hubo casos como ser el de Domino’s el cual fue denunciado por qué el sitio no era accesible y un ciudadano los llevo a las cortes por eso, siendo multados por ese motivo
RESUMEN: Es importante poder realizar un sitio web accesible debido a que podemos llegar a más personas, podemos crear un producto mejor por que sera personalizado a cualquier necesidad y también se pueden evitar problemas legales en algunos países
Me sentí excluído, primero dió la bienvenida a ellas y luego se refiere al resto de las personas como nosotras, por favor, un lenguaje más inclusivo para nosotros 😦 😦 😦 en diseño también hay hombres, no solo mujeres…
a11y - keyword para buscar en linea
Viene de accesibillity -> a11y
La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web.
Tuve curiosidad de encontrar la ley en mi país 🇭🇳, y la más cercana a la accesabilidad web es Ley de Equidad y Desarrollo Integral para las personas con discapacidad, y además desconocía que hay un PLAN NACIONAL DE ACCESIBILIDAD UNIVERSAL 😬
“productos personalizables a situaciones y preferencias”, WOW! Me encantaron los ejemplos del celular en modo vibración y el uso de modo oscuro… “La accesibilidad mejora la calidad de nuestro productos”
Tendras un link a la mano de que paises tienen esas leyes y donde consultarlas?
En definitiva la accesibilidad web es algo que debemos implementar en cada proyecto que realicemos para que podamos llegar a la mayor cantidad de personas posibles. Excelente tema!
La accesibilidad web es inclusión y sinónimo de calidad en los productos digitales. Es verdaderamente importante !
La accesibilidad es directamente una mejora a la UX
Te beneficia y beneficia a todos los que usen tus productos!
La accesibilidad te puede ahorrar mucho dinero y mejorar el alcance de tus productos!
Sin duda lo como desarrollador lo moral hoy en dia enriquece mucho, todos tenemos el mismo derecho de experimentar la tecnología
¡Esperaba este curso!¡Súper chevere!
No tenia idea que te podían demandar por eso. Esto si se me quedo grabado en la mente.
Me gusta que se refiere siempre en femenino, espero que así las personas en contra del lenguaje inclusivo sientan un poco como se sienten las mujeres con el lenguaje cotidiano
Qué es la accesibilidad web
- Es la práctica continua de asegurarnos que todo lo que creamos para la web se puede usar, interpretar y operar por una variedad de personas en una variedad de situaciones
- numerónimo de accesibilidad → a11y
- Incluir a personas en condiciones de discapacidad → 20% del mundo vive con alguna discapacidad: visión, operar la web con normalidad, entender un sitio. Web Aim → la mayoría de las personas que implementan la accesibilidad es por un concepto moral
- Para mejorar la usabilidad de nuestro proyecto
- Porque en algunos lugares es la ley → Ejemplo juicio Dominos’ Pizza. → Normas para la Web de algunos países
Siento que ponen el video mas lento de lo que realmente es
cómo se conecta o diferencia la accesibilidad de la web con la UX o experencia de usuario?
Hey, no lo había visto de esa forma.
La accesibilidad no solo está para permitir que más personas usen la tecnologia, sino que en ese mismo proceso mejora los productos para todos
Las principales razones de importancia de la Accesibilidad Web:
.
- Para incluir a personas en situaciones de discapacidad en el uso y manejo de sitios web
- Para mejorar la usabilidad de nuestros proyectos web
- Porque en algunos países es la ley: En Estados Unidos, la Americans with Disabilities Act (ADA) entró en vigor como ley desde 1990, y se ha ido aplicando en el ámbito de la Web. En Latinoamérica, el 55% de países tienen una norma o guía específica para la Accesibilidad Web; el resto de países (45%) tienen leyes relacionadas con las personas con discapacidades diversas.
- Por un llamado ético-moral, es decir, se percibe como lo correcto
me gusta la accesibilidad
Americans with Disabilities Act of 1990
Tambien otro datos por el que deberiamos darle accesiblidad a nuestro sitio web es por que
You are not yout users
Eso es una gran verdad,pero sobre todo es por que segun OMS hay un %15 de personas que tienen algún tipo de discapacidad en el mundo
IMPORTANCIA DE LA ACCESIBILIDAD WEB
Accesibilidad web es la práctica continua de asegurarnos que lo que creamos para la web se puede usar, interpretar y operar por una variedad de personas en una variedad de situaciones.
¿ Por qué accesibilidad?
- Para incluir a personas en situaciones de discapacidad
- Para mejorar la usabilidad de nuestros proyectos
- Porque en algunos lugares es ley
Creo que es importante que los y las responsables de programar contenidos accesibles, puedan incorporar en -la conducta humana- (no se como explicarlo de otra forma) otras herramientas de lenguaje creativo. Por ej, ¿por què no practicar lengua de señas con una persona sorda? ¿Por què no experimentar la comida con los ojos cerrados? . Creo que la accesibilidad es una invitación para aprender a con-vivir en diversidad.
Muy interesante este tema. Dentro del UX conecta con la programación
desconocía la importancia del tema, gran curso para aprender esto tan importante
Waauu interesante clase. Normalmente creemos que todo es código pero empiezo a ver la importancia de la accesibilidad. No sabía que por esto podían demandar a una empresa 😮
Si señores, yo vengo porque en la agencia para la que trabajo le pidieron accesibilidad web para una página del gobierno, así que espero poder aportar estos conocimientos para mi trabajo
Si el proyecto es accesible, es amado porque es personalizado.
que opinan de la pagina de amazon, si es accesible?
No sabia de la importancia del tema y ahora creo que es verdaderamente importante, sobre todo me gusta la idea de que todos y todas podamos tener acceso al internet
Algunos datos sobre las personas con discapacidad
Panorama general
Alrededor del 10% de la población mundial, o sea 650 millones de personas, vive con una discapacidad.Constituyen la mayor minoría del mundo.
Esta cifra está aumentando debido al crecimiento de la población, los avances de la medicina y el proceso de envejecimiento, dice la Organización Mundial de la Salud (OMS).
En resumen:
.
¿Por qué es importante la accesibilidad?:
.
Cerca del 20% del mundo tiene alguna discapacidad que le impide utilizar la web con la misma facilidad que nosotros. Wait, what???
.
Eso es muchísima gente,mucha más que el total de personas que viven en Colombia, Ecuador, Perú y Venezuela. ¿Quieres excluir a ese gentío?, una pregunta más comercial: ¿Quieres perder ese pocotón de usuarios?
.
Las razones morales son importantes, somos privilegiados pero es nuestro deber pensar en los que no lo son tanto. Pero ojito con esta otra motivación: Un producto accesible es un producto amado.
.
Dos ejemplos rapiditos de como la accesibilidad resultó ser buena para todos:
.
- La vibración de tu celular fue pensada para la gente que no podía escucharlo.
. - El dark mode con el cual no podemos vivir los programadores (¿cómo que se puede programar con un tema claro?), fue pensado para las personas que no leían muy bien en un tema claro.
.
Is the law: Importante recordar también que la accesibilidad es ley en algunos lugares (as it should be). Piensa en eso cuando crees un producto que pueda ser usado en lugares como EEUU.
.
Dominoes fue multado por no pensar en la accesibilidad, y todos recordamos el famoso caso de McDonalds donde un consumidor los demandó porque las tazas de café no decían que estaba caliente (ganó la demanda).
Want to see more contributions, questions and answers from the community?