viernes, 4 de noviembre de 2016

108 millones de usuarios de Internet tienen problemas con los colores

Aunque en España se reduce a 5% de la población y más detalladamente 8% de los varones y el 0,5% de las mujeres son daltónicos es asi un numero muy alto son muchos usuarios. Con un poco de cuidado los desarrolladores web podemos no dejar a nadie atras. Un ejemplo muy sencillo es Google maps.
Vistas de Google maps


A Pesar de usar el rojo y verde, existe una gran diferencia de contraste.

Contraste complementario

Hay esta rueda de color que todos los diseñadores tienen que tener presente. La elección de los colores principal teniendo en consideración el tono del  color opuestos es una manera fácil de hacer las cosas.

rueda de color



 Hacer que se vea bien en la escala de grises

No tienes que crear un sitio web en blanco y negro para estas personas. Sólo tienes que ver tu sitio web en el modo de escala de grises. Si todos los elementos son visibles claramente esiste una buena posibilidad de que será bueno para los usuarios con problemas de visión.

Texto dentro de las Imágenes

 Es complicado debido a que algunos o la totalidad de la imagen puede no tener suficiente contraste en relación con el texto.
Una posible solución es la reducción de la opacidad del fondo aumenta el contraste, haciendo que el texto resulte más fácil de leer.

miércoles, 2 de noviembre de 2016

20 Consejos de Accesibilidad del sitio web


  1. La información escrita en su sitio web debe ser tan simple y tan clara como sea posible para facilitar su comprensión.
  2. Usa encabezados para ayudar a crear un esquema para la página.
  3. Las imágenes y vídeos no pueden ser "descritos" por el lector de pantalla, pero las descripciones de texto pueden ayudar.
  4. Añadir o mantener un mapa del sitio. No son sólo son para los motores de búsqueda sino que sirven para la accesibilidad. Ayuda a las personas a navegar a través del sitio web.
  5. listas con numeración sencilla o breves.
  6. Permitir a los usuarios el control sobre el tamaño de la fuente.
  7. Elija alta contraste combinaciones. Esto hará que sea fácil para los usuarios con discapacidad visual, tales como los que son daltónicos, para navegar a través de su página web.
  8. Crea una navegación clara, lógica, visible y comprensible es importante.
  9. La mayoría de los usuarios con discapacidad no puede ver Flash.
  10. El Contenido principal debe estar lo primero.
  11. Añadiendo un enlace skip-a-principal-contenido. También puede ser útil para las personas con discapacidad que no utilizan el ratón, pero utilizar el teclado para la navegación.
  12. Los elementos de formulario deben estar correctamente etiquetados.
  13. Deje de usar el parpadeo en los anuncios pueden producir convulsiones y mareos.
  14. Los acrónimos deben especificarse.
  15. Los marcos son accesibles , son desconcertante para los usuarios discapacitados y no discapacitados.
  16. Usa atajos de teclado. Esto puede ayudar a los usuarios con discapacidad que no utilizan el ratón para la navegación.
  17. Un diseño coherente ayudará a la navegación.
  18. No hay necesidad de usar lo menos posible las tablas. Las tablas son buenas para el procesamiento de datos y conseguir que este organizó, pero cuando se trata de la accesibilidad, es un gran error.
  19. Deja de definir los ajustes, no comiences un video, carrusel....Sin que pueda dominarlo el usuario.
  20. Validar tus páginas usando los requisitos de las WCAG 2.0. 

HTML5.1 ya es recomendación del W3C

Logo de HTML5 explicativo de Html5.1

El 1 de Noviembre el grupo de trabajo de la W3C publicó la recomendación sobre HTML 5.1 esta es la  primera revisión menor de la lengua de la base de la World Wide Web.