CSSBEAUTY™

Don't Lose Your :focus. A good article on keyboard accessibility and how careless use of CSS can potentially make your sites completely unusable.

We are Colorblind. A library of patterns and examples that help you design around colorblindness.

Color And Accessibility. A simple and effective explanation on how to make sure our pages are legible to anyone with color vision impairment.

Introduction to Web Accessibility. Learn how people with disabilities use the web and what you can do to make your sites more accessible.

Let's Get Naked!. The fourth annual CSS Naked Day is underway and taking sign ups. Show off your naked on April 9th.

CSS for Accessibility. Simple ways in which you can use CSS to improve the usability and accessibility of your site.

Screen Readers Misinterpret display: none. Inconsistent treatment can be mitigated with visibility: hidden.

10 colour contrast checking tools to improve accessibility. Web based tools, standalone applications, and browser extensions to improve accessibility.

A CSS styled table version 2. Learn how you can implement tables with accessibility in mind and how to make them appealing for the eye using CSS.

Avoiding Extreme Accessibility. Over-thinking, over-engineering, or going to extremes is rarely a good thing when acted upon.

Accessible Display: None. Using clever CSS to achieve the same visual effect as display: none without the accessibility drawbacks.

Practical, Entry-Level Web Accessibility. Learn some fairly simple things you can do to make a better, more accessible web page.

Making Compact Forms More Accessible. Making compact forms more accessible and easier to use.

Accessible JavaScript: Beyond the Mouse. James Edwards on ensuring accessible web interaction.

Accessible Ajax, A Basic Hijax Example. A working example of using Hijax to create a simple, accessible, Ajax form.

Advanced Accessibility Techniques. Techniques you can implement to achieve advanced accessibility beyond the W3C guidelines.

Web Accessibility Tools Consortium (WAT-C). Provides a collection of free tools to assist both developers and designers in the development and testing of accessible web content.

Building Accessible Widgets for the Web. Using Javascript and the DOM to create enhanced widget behaviors while maintaining basic accessibility.

FlashAid. A proof of concept that uses flash as a means to indicate the presence of a screenreader to JavaScript.

Prettier Accessible Forms. Nick Rigby offers a happy solution. An attempt at creating portable, accessible forms.

Schillmania Rounded Corners: Perhaps the best, most pragmatic implementation of rounded corners with images and css using standard module formats.

XHTML+CSS+JS Virtual Keyboard. Can shrink to any size and may be used by people accessing websites from handheld devices.

Skip Link Pros and Cons. A very insightful article on the pros and cons of skip links and how best implement them.

AJAX and Screenreaders: When Can it Work?. Surprising results of tests conducted using AJAX scripts in a variety of screen reader software.

ATF Manifesto. The ATF will work with all parties involved in producing web tools, content, and assistive technology to ensure broader accessibility for everyone.

A More Accessible Map. A way to display text-based data on a map, keeping it accessible, useful and visually attractive.

Accessibility Color Wheel. Simulates color deficiency and tells you if contrast/difference in brightness is good or bad.

Accessible CSS Forms. Create fast, accessible CSS forms that work with modern browsers and gracefully degrade.

Evaluating Website Accessibility Part 3. The last article of three explaining how to perform a website accessibility evaluation.

GrayBit. An accessibility testing tool that converts a full-color web page into a grayscale rendition to test the page’s perceived contrast.

Invisible Content Just for Screen Reader Users. This article examines a few circumstances in which hiding text from visual users can be beneficial.

Evaluating Website Accessibility Part 2. This is the second article of three explaining how to perform a website accessibility evaluation.

Evaluating Website Accessibility Part 1. Provides some background and suggests some useful tools for the evaluation process.

Seven Accessibility Mistakes (Part 2). Ideas to help you nudge the client in the direction of user-centric development or provide ammunition in meetings.

Seven Accessibility Mistakes (Part 1). Avoid fatal flaws by learning how designers and clients contribute to inaccessible Web sites.

Dive Into Accessibility. Taking your Website and making it accessible in small but important ways, all in 30 days.

Simple, accessible external links Add descriptive text to external links, then replace this text with an icon.

Simply Accessible. Aims to improve both accessibility and usability for everyone. Examples here.

Simple, accessible "more" links. Hide the description while allowing older devices and screen readers to receive the entire content.

Zoom layout. A way for making sites more accessible and readable for low-vision users.

Creating Accessible Forms. Nice article.