[Athen] question about links - underlining

skeegan at htctu.net skeegan at htctu.net
Fri May 26 13:06:14 PDT 2006



> Does the hover work with keyboard events? i.e. tab to a link.


There is a way to do this with the ":focus" pseudo-class (techie details here -
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes). For IE,
however, you will need to use the ":active" pseudo-class.

Here is some sample code:

a:link {default styling}
a:visited {visited link styling}
a:hover {when mouse hovers styling}
a:active, a:focus {when link receives focus via tabbing or keypress}


> I have not tried, but there may be a way with CSS to

> specify an auditory event for each link state.


On the face of it, I don't see how this would be a good thing with respect to
some assistive computer technologies (e.g., screen-reader, text-to-speech
systems, etc.). Can you give an example of what you mean?

take care,
sean

Quoting Scott StOnge <stonge at stcc.edu>:


> Good question, Joe. I just tried tabbing through my home page again and

> the links showed the ACTIVE state (instead of HOVER). For an auditory

> browser, because it is a text link, the default notification for links

> in that software would apply. Some will say "link" before reading the

> hypertext, etc. I have not tried, but there may be a way with CSS to

> specify an auditory event for each link state.

>

>

>

> Scott SaintOnge

> Webmaster

> National Center for Telecommunications Technologies

> - a division of Springfield Technical Community College

>

> http://www.nctt.org

> (413)755-6553

> >>> jhumbert at purdue.edu 05/26/06 14:57 PM >>>

> Hi!

>

> Does the hover work with keyboard events? i.e. tab to a link. Because

> most

> low vision and blind users I have come across do really care about the

> colors because they use jaws to find the links on the page. which may

> make

> me asking this question a mood point, but so be it. thankx.

>

> Joe Humbert

> Assistive Technology Specialist

> ACM SIGGRAPH at Purdue

>

> -----Original Message-----

> From: athen-bounces at athenpro.org [mailto:athen-bounces at athenpro.org]On

> Behalf Of Scott StOnge

> Sent: Friday, May 26, 2006 2:36 PM

> To: athen at athenpro.org

> Subject: Re: [Athen] question about links - underlining

>

>

> Hello,

>

> I've found that using the a:hover pseudo-class for CSS works great for

> providing simple roll-over effects to text links and minimizes the need

> for color concerns. I just start off with underlined links (changing

> colors according to current design) and when a user mouses over the link

> the underline dissappears. Someone listening to the page would never

> know the difference.

>

> Here's a little CSS code from my site's stylesheet:

>

> A:hover {

> font-family: Arial, sans-serif;

> color: #990000;

> text-decoration: none;

> }

>

> Hope this helps,

>

>

> Scott SaintOnge

> Webmaster

> National Center for Telecommunications Technologies

> - a division of Springfield Technical Community College

>

> http://www.nctt.org

> (413)755-6553

>

>

> _______________________________________________

> Athen mailing list

> Athen at athenpro.org

> http://athenpro.org/mailman/listinfo/athen_athenpro.org

>

>

> _______________________________________________

> Athen mailing list

> Athen at athenpro.org

> http://athenpro.org/mailman/listinfo/athen_athenpro.org

>







More information about the athen-list mailing list