Giter Club home page Giter Club logo

accesibilidad-web's Introduction

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.

¿Por qué accesibilidad?

  • Para incluir a personas en situación de discapacidad.
  • Para mejorar la usabiblidad de nuestros poryectos
  • Poruqe en algunos lugares es ley

WCAG (Web Content Accessibility Guidelines)

La WCAG es un rango de recomendaciones para crear contenido web más accecible.
  • W3C - World Wide Web Consortium : Creadores de los estándares que usamos para construir la web.
  • WAI - Web Accessibility Initiative : Iniciativa dentro de W3C cuya meta es asegurar la accesibilidad web.

4 pincipios de WCAG

  1. Perceptible :

    a información y los componentes de la interfaz de usuario deben ser presentados a los Usuarios de modo que ellos puedan percibirlos.

  2. Operable :

    Los componentes de la interfaz de usuario y la navegación deben ser operables.

  3. Comprensible :

    La información y el manejo de la interfaz de usuario deben ser comprensibles.

  4. Robusto :

    El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas técnicas.

Tecnologias Asistivas

Las tecnologías asistivas ayudan a las personas con alguna de sus capacidades mermadas, sean visuales, auditivas o motoras, a consumir la web de la misma forma que lo hacen los demás.

se dividen en dos:

  1. Visuales
    • Lectores de pantalla
    • extensiones que manipulan el CSS
  2. Motoras
    • Varilla bucal
    • Switch

¿Qué es el HTML semántico y por qué es importante?

El HTML semántico nos ayuda con algunos aspectos de presentación y le agrega significado a nuestro contenido en el navegador.

  1. Sin HTML Semántico
<div></div>
 <div></div><div></div>
<div></div>  
  1. Con HTML semántico
<header></header>
 <article><img /></article>
<footer></footer>  

accesibilidad-web's People

Contributors

jhonniergs avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.