¿Cómo distinguir entre enlaces y encabezados sin variación de color?

Sí, sé que no debo hacer enlaces y texto del mismo color. Pero estoy restringido por las pautas corporativas. En todo el sitio, solo se me permite usar el tono de azul de la compañía con algunas variaciones en la luminosidad y tonos de gris puro. También se me permite el uso de un naranja muy saturado como "color de acento".

Todavía se puede trabajar con la restricción de esquema. Pero hay otra restricción con la que estoy luchando mucho. Solo se me permite una fuente: Verdana. Lo que ya se ve divertido en los tamaños medianos y se vuelve terrible en los tamaños grandes. Así que mantuve el cuerpo del texto en Verdana 16 pt y las etiquetas/títulos en Verdana 16 pt en azul.

Ahora me encontré con algunos enlaces, que también necesitan estilo. Les di a los no visitados el azul profundo y puro de la empresa, y doblé las reglas para darles a los visitados un poco menos de saturación. Aún así, tienen un color un poco similar a los encabezados.

ingrese la descripción de la imagen aquí

"En otras bases de datos" y "Citas" son encabezados, "Conexión de enfermedad de ratón-humano MGI" no se visita, y se visita el enlace debajo.

Una alternativa que probé fue el acento naranja para no visitado y gris para visitado, ambos subrayados.ingrese la descripción de la imagen aquí

Pero siendo el naranja tan brillante, esto es realmente lo primero que llama la atención en la página gris azulada, y realmente no queremos esto. Estos enlaces no son lo más valioso para el usuario, ni algo que queremos enfatizar desde una perspectiva SEO, son, como ves, enlaces de "más información" que apuntan a otros sitios, no al nuestro.

Tampoco quiero cambiar a un esquema de enlaces grises, porque este es un sitio con muchos datos, y donde faltan datos, muestro la palabra "desconocido" en gris para que la información real se destaque del desorden de palabras de relleno.

Entonces, ¿alguna idea de cómo asegurarse de que los usuarios no confundan los encabezados con enlaces, al mismo tiempo que satisfacen las restricciones de diseño corporativo? ¿O crees que mi solución azul actual es lo suficientemente distinta con su subrayado y ligeras variaciones de color?

¿Puedes usar negrita?
Estoy de acuerdo con la primera sugerencia de Janus, pero me ajustaría haciendo que los enlaces visitados sean grises como aquí: jsfiddle.net/5ry3D/1
Esas son pautas de estilo ridículas si no puede diferenciar correctamente entre enlaces y texto. Tenga en cuenta que hay muchos argumentos de usabilidad y accesibilidad para romper con esa guía restrictiva.

Respuestas (1)

¿No está permitido usar texto en negrita ?

Dadas las restricciones con las que está trabajando, probablemente usaría el tono más oscuro de azul para los encabezados, el tono medio para los enlaces no visitados y el tono más claro para los enlaces visitados. Si es posible, también pondré los encabezados en negrita. Eso le daría algo como esto (adivinando un poco los valores de color):

Esquema solo azul

 

Incluso si no está permitido usar negrita, sigo pensando que esto da una visión más clara de la estructura de la página:

Esquema solo azul, sin negrita

 

Estoy de acuerdo en que el color naranja es bastante, ejem, llamativo a la vista; así que si tuviera que usarlo, lo usaría para los encabezados, no para los enlaces, en negrita, si es posible:

esquema naranja-azul

 

(JSFiddle utilizado para ejemplos)

Además, Verdana en 16pt. es enorme _ Las capturas de pantalla anteriores (y el JSFiddle) lo tienen en 12 puntos y, como puede ver, ya es bastante más grande que el texto de este sitio. 10 puntos o 11pt. suele ser el punto óptimo para el uso de Verdana en pantalla (en mi humilde opinión).
¿Cómo distinguir entre enlaces y encabezados sin variación de color?
RespuestasAquíPolítica de privacidad1y, 0v