> fter completion of a usability study on my site, one of the issues > uncovered was that some users did not know that some headings were > links, as link styling only appears on :hover. I've been web > researching for ideas on how to style headings as links. My issue > is that some headings on a page might be a link (to a page with more > detail) while other headings on the page are not links. I want a > consistent site-wide style for the headings, but then they are not > readily identifiable as links. I am looking for ideas/examples of > others who have come up with a successful styling solution. I don't > consider "More..." link at the end of paragraph text as a solution > unless I can someone make that solution accessible to those who you > screen readers. > > Here are two examples from my site: > > All headings as links: > http://checkoutacollege.com/ReadySetGo/Go/TopThingsToDo.aspx > > Page with some headings as links and others not: > http://checkoutacollege.com/Parents/ForParents.aspx
One can see why users don't realise that some headings are links. I don't think it's clear even on the page where ALL the headings are links. There's no concession to general web visual conventions unless you happen to mouse over a heading which then gives you a clue. So on pages where only some heads are links you oblige the user to mouse over all of them just to see if there's more information on the topic. If you want to keep the design subtle but give users a hint on usability, how about at the very least, the dotted bottom border on the normal a: state, without the background colour? Though in fact, for a site like that I think you should be nice to the least web-savvy users and make the navigation as obvious as possible. This probably isn't strictly a css issue, but I hope it's useful feedback anyway. Regards, Peter H. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
