Archived posts, May 2009

Hiding with CSS: Problems and solutions

Be aware that using display:none to hide elements will hide them from screen readers, and if you use JavaScript to show something, also use JavaScript to hide it.

Posted on May 4, 2009 in Accessibility, CSS, JavaScript

CSS background images cannot and should not have alternate text

There is no way to specify alternate text for CSS background images. This is not a problem since background images should be used for presentational purposes only.

Posted on May 6, 2009 in Accessibility, CSS, Quick Tips

Don’t forget keyboard navigation

Remember that many people do not use a mouse to interact with the web, so you have to make sure that the sites or applications you build work independent of input device.

Posted on May 13, 2009 in Accessibility, Quick Tips, Usability

Do not remove the outline from links and form controls

Do not use CSS to remove the visual outline most browsers put on elements that have keyboard focus, and do not use JavaScript to immediately remove focus.

Posted on May 14, 2009 in Accessibility, Quick Tips, Usability

Line wrapping text in legend elements

Making text in legend elements line wrap is tricky, but it can be done in most browsers.

Posted on May 18, 2009 in CSS

The mysterious sideways jump, a.k.a. scrollbar present or not present

If someone tells you that they see a strange sideways jump when they move between certain pages on your site, chances are that it’s caused by their browser’s vertical scrollbar.

Posted on May 19, 2009 in Browsers

Building accessible forms with WCAG 2.0

Examples, with references to relevant WCAG 2.0 Success Criteria, of how screen reader users can successfully interact with forms that use JavaScript.

Posted on May 21, 2009 in Accessibility, JavaScript

W3C online course: An Introduction to W3C’s Mobile Web Best Practices

Anyone interested in designing or developing web sites and web applications targeted at mobile devices may want to consider taking this introductory online course.

Posted on May 25, 2009 in Mobile Web, Web Standards

Cufón and screen readers

Cufón is a potential replacement for static images or sIFR when you must use a specific typeface that is not widely available. However, it has some usability and accessibility issues.

Posted on May 28, 2009 in Accessibility, Typography