Desarrollo web en Durango
Asegurarse de que la información no se transmite sólo por el color
Puntos de verificación en esta sección:
2.1 Asegúrese que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante
el contexto o por marcadores. [Prioridad 1]desarrollo web
Asegúrese de que la información no se transmite sólo a través del color. Por ejemplo, cuando pida intervención de los usuarios, no
escriba «por favor, seleccione uno de los ítems indicados en verde». En su lugar, asegúrese de que la información está disponible a
través de otros efectos de estilo (por ejemplo un efecto de fuente) y a través del contexto (por ejemplo, vínculos de texto detallados).
Por ejemplo, en la versión electrónica de este documento se ha dado estilo a los ejemplos por defecto (a través de hojas de estilo)
de la siguiente manera:Desarrollo web en Durango
Están rodeados por un borde.
• Utilizan un color de fondo diferente.
• Comienzan por la palabra «Ejemplo» (o «Ejemplo desaconsejado»).
•También terminan con la frase «fin del ejemplo», pero esta frase está escondida por defecto con «display: none». Para las aplicaciones
de usuario que no soportan hojas de estilo o cuando se desconectan las hojas de estilo, este texto ayuda a delimitar el fin de un
ejemplo a los lectores que no sean capaces de ver el borde que rodea el ejemplo.
Test rápido: Para verificar si su documento funciona aun sin colores, examínelo con un monitor en blanco y negro o con el color
desactivado en el navegador. Igualmente, intente configurar su navegador con un esquema de colores que sólo utilice blanco, negro
y los cuatro tonos de gris básico de la paleta del navegador y compruebe como se presenta la página.
Test rápido: Para verificar si el contraste de color es suficiente para ser distinguido por personas con deficiencias en la percepción
del color, o por aquellos con monitores de baja resolución, imprima las páginas en una impresora en blanco y negro (con los fondos
y colores en escala de grises). Intente también fotocopiar lo impreso dos o tres veces para ver cómo se deteriora. Ello le mostrará
dónde necesita añadir señales redundantes (ejemplo: los hipervínculos están normalmente subrayados en las páginas Web), o si las
señales son demasiado pequeñas o indistintas para mostrarse bien.
Para mayor información sobre colores y contrastes, consulte [LIGHTHOUSE].
Proporcionar pistas de contexto en las listas HTML
Puntos de verificación en esta sección:Desarrollo web en Durango
3.6 Marque correctamente las listas y los ítems de las listas. [Prioridad 2]
13.2 Proporcione metadatos para añadir información semántica a las páginas y sitios. [Prioridad 2]
Los diseñadores de contenidos deben emplear UL para listas sin ordenar y OL para las ordenadas (por ejemplo, utilizar marcadores
de forma apropiada) conjuntamente con CSS para proporcionar indicaciones contextuales.
La siguiente hoja de estilo CSS2 muestra cómo especificar números compuestos para listas anidadas creadas tanto con elementos
UL como OL. Los ítems están numerados como «1», «1.1», «1.1.1», etc.
Ejemplo
<style type=»text/css»>
ul, ol { counter-reset: item }
li { display: block }
li:before {
content: counters(item, «.»);
counter-increment: item;
}
</style>