This week’s issue of A List Apart shows you how to clearly but unobtrusively let visitors know which accesskeys correspond with the links on a page. This is the latest in a series of articles I’ve written on improving accessibility with Cascading Style Sheets. Thanks to Jeffrey Zeldman, Erin Kissane, Tanya Rabourn, and Jeff McCartney for all their help.
Category Archives: Web Design Tutorial
CSS Menus on WebReference
This week’s Webreference.com update by Andy King includes the Pure CSS2 Drop-down Menus I posted earlier in the week. The update includes links to examples of other hierarchical CSS menus by some talented web designers.
Revealing Accesskey Info with CSS
The accesskey attribute is a useful feature that allows users to navigate websites via the keyboard instead of a mouse. Unfortunately not knowing what accesskeys are associated with each link makes them of limited value. Revealing Accesskey Info is a new article demonstrating how to use the :before and :after pseudo-elements to selectively display the accesskey assignments to modern web browsers.
Pure CSS Pull Down Menus
Building on what I thought of on Friday, I’ve created a pull-down menu using only CSS! Once again, this effect won’t work in IE, but should do so in other modern browsers.
The Search for the Missing Link
The Search for the Missing Link is a new article demonstrating how to use CSS pseudo-classes to help users find hard to spot links on an otherwise well designed page. This is something I thought of just this morning, and you’ll need to use the newest version of Mozilla (1.3) to get the full effect!
Update:
Thanks to Jeffrey Zeldman for the link and kind words on his website, and thanks to everyone who sent in feedback on browser support. The technique has been confirmed to work in Opera 7, Safari, and Camino.