Yahoo! Accessibility

Archive for Thierry

Thierry

About Thierry

Website
http://tjkdesign.com
Profile
Thierry Koblentz is a front-end engineer at Yahoo! He owns TJK Design, EZ-CSS and CSS 101. You can follow Thierry on Twitter at @thierrykoblentz .

How to Temporarily Disable CSS for Testing

Friday, February 4th, 2011

There are times you would like to disable the CSS on a web page. For instance, you may want to confirm the reading order of content. The following tips will help you disable CSS in various browsers.

Continue reading How to Temporarily Disable CSS for Testing

Clip your hidden content for better accessibility

Wednesday, February 2nd, 2011

There’s a balance between creating a clean, simple visual design and providing accessible content and functionality. One common solution is to provide text to screen readers that is hidden via CSS.
comparison of form inputs with visible and invisible labels

The top search form has a hidden label using the clip pattern. The bottom form's label is without CSS

Please visit our Screen Reader Test: Accessible solutions for hiding content for more information on the accessibility of hidden content. This article demonstrates how screen readers announce the various methods of hiding elements, such as labels, with CSS.

Continue reading Clip your hidden content for better accessibility