Access Key Highlighting
Posted: Tue Feb 12, 2008 12:05 pm
Hi all,
I've just been looking at some accessibility options for a site i'm working on and am going to use access keys for all the major links. However, the main problem with this is that users have no way of knowing which key corresponds to which link.
Having read this article (http://www.alistapart.com/articles/accesskeys/) I think using styled tags to underline the corresponding letters is a great idea. Eg, Home, Contact, Services. It also seems that CSS can get the value of the access key and place it after the text with:
I was wondering though if it would be possible to modify a menu template to automatically get the access key, match it to the appropriate letter in the link text and add the tags?
Any ideas would be welcome or maybe this should be a feature request for the next version?
Tom
I've just been looking at some accessibility options for a site i'm working on and am going to use access keys for all the major links. However, the main problem with this is that users have no way of knowing which key corresponds to which link.
Having read this article (http://www.alistapart.com/articles/accesskeys/) I think using styled tags to underline the corresponding letters is a great idea. Eg, Home, Contact, Services. It also seems that CSS can get the value of the access key and place it after the text with:
Code: Select all
a:after {
content: " [" attr(accesskey) "] ";
}
Any ideas would be welcome or maybe this should be a feature request for the next version?
Tom