Image replacement and screenreaders

Ok kids, if you use image replacement to create super-cool rollover buttons, raise your hands. Good. Now, keep your hands raised if you put title attributes on the links to give added information. Great! What is the text inside the link? Keep your hands raised if you repeated your title attribute in the link text. […]

Get rid of the dotted lines on links with image replacement

Update 2-26-2014 This is obviously an outdated article. Please do not follow the older advice on using outline:none and hiding focus. We need to provide some visual cue that a user has placed their focus on a link or button via the keyboard. The key is not to hide focus, rather to avoid generating the […]

Background image for visited links

I’ve been a recent convert to Design Meltdown. The site disects a visual theme and gives examples on how to use them and where they are being used. While exploring the latest post about sketches for the web, I noticed an interesting approach to the visited pages. The Breakdown The site has a series of […]

Should a web site open pdf files in a new window?

A few years ago, I was visiting some friends in Paris. One is a fairly conservative priest and the other a socialist teacher. I asked them a seemingly innocent question: What’s the deal with Robespierre? Why do people feel so strongly one way or another about him? I had just begun learning about the French […]

Attribute selectors to provide language information

Attribute Selectors for International Web Sites Sébastien Guillon, recently wrote a post about using the CSS2 attribute selector and content rule to let visitors know what to expect when clicking on a link to an international web site. Inspired by his approach, I’ve simplified some of the code and added background images to represent the […]