Los últimos tutoriales de desarrollo web
 

web WAI


WAI define directrices para los desarrolladores web.


WAI - La Iniciativa de Accesibilidad Web

WAI (W3C, 1997) es un conjunto de directrices destinadas a los desarrolladores y diseñadores web, acerca de cómo hacer la web accesible para personas con discapacidad.

El objetivo de estas directrices es la accesibilidad, sino que también ayudará a que los contenidos web a disposición de más navegadores (navegadores de voz, teléfonos celulares, dispositivos de mano) y al mayor número de usuarios que trabajan en entornos difíciles (manos libres, fuerte luz, la oscuridad, mala vista, el ruido pesado).

Nota Si su sitio web carece de características WAI (buen contraste, texto, imágenes de tamaño variable con descripciones), las personas con discapacidad no serán capaces de acceder a su información.

Las razones para hacer su sitio más accesible:

  • Además, mejorará su reputación y su satisfacción del cliente
  • Se aumentará su número de visitantes
  • Se le permitirá a sus visitantes permanezcan más tiempo en su sitio
  • Esto hará que su sitio sea más útil para las personas con equipos más antiguos

Recuerde "alt"

El atributo alt le permite proporcionar un texto alternativo para una imagen:

<img src="images/banana.jpg" alt="Banana">

A veces, un navegador web no mostrará las imágenes. La razón podría ser uno de muchos:

  • El usuario ha desactivado la presentación de imágenes
  • El navegador es un mini navegador sin visualización de la imagen
  • El navegador es un navegador de voz

Si se utiliza el atributo "alt", la mayoría de los navegadores le al menos la pantalla (o leer) el texto "alt".


No utilizar Fuentes pequeñas

Algunos sitios web utilizan un tamaño pequeño texto sólo para "exprimir" más texto en cada página, o para hacer la página más "elegante".

Una vez más, los visitantes con diferentes equipos, las condiciones de visualización, o discapacidades podrían tener dificultades para leer el texto.

Nota No obligue a sus visitantes para agrandar el tamaño del texto cada vez que visitan su sitio.

Elegir la mejor carta y espacios entre líneas

Texto espacio entre las letras extra es fácil de leer.

Texto reducido espacio entre las letras es difícil de leer.

Texto buena
interlineado
es fácil de leer.

Texto reducida
interlineado
es difícil de leer.


Evitar Fantasía Fuentes

fuentes normales son fáciles de leer.

Fuentes cursiva no son tan fáciles de leer.

Las fuentes serif son más difíciles de leer.


Evitar contrastes color pobre

El texto negro sobre un fondo blanco, o texto en blanco sobre un fondo negro, es mejor para las personas con discapacidad que vean, y para su visualización en un equipo malo.

El texto en gris sobre un fondo claro puede dar un contraste pobre:

#AAAAAA Color del texto en el fondo blanco
Color del texto # 666666 sobre fondo blanco
Color del texto # 333333 sobre fondo blanco
Color del texto # 000000 sobre fondo blanco

El texto en gris sobre un fondo oscuro también puede dar un contraste pobre:

Color del texto # 666666 sobre fondo negro
#AAAAAA Color del texto en el fondo negro
#CCCCCC Color del texto en el fondo negro
#FFFFFF Color de texto sobre fondo negro

Algunas combinaciones - como negro y rojo, negro y azul, amarillo y verde - siempre cepa del ojo:

El texto negro sobre un fondo rojo
El texto negro sobre un fondo azul
El texto amarillo sobre un fondo verde

Y algunas combinaciones no son tan malas:

El texto negro sobre un fondo gris
El texto negro en un color azul claro
El texto negro sobre blanco antiguo
Texto blanco en azul oscuro

Siempre Establecer color de fondo

La mayoría de las páginas web utilizan colores para los diferentes elementos de texto. Ambas cabeceras y enlaces son a menudo en un color diferente del texto del cuerpo.

Como diseñador de páginas web, usted debe ser consciente del hecho de que sus visitantes son capaces de cambiar sus preferencias de color por defecto.

Si define los colores de los elementos de la web (como cabecera y enlaces), también se debe definir el color de fondo.

Nota Si no se define un color de fondo, su sitio web podría terminar con un poco de muy mala combinación de colores (como los encabezados de luz roja sobre un fondo rojo, o lo que es peor, texto negro sobre un fondo negro).