Thursday 18 July 2002

Accessibility tip 23: Label form elements

While forms present a special challenge for blind users, the <label> tag makes them a lot easier to use by allowing you:

to associate a form label with any kind of form input element: text box, multi-line text area, checkbox, radio button, whatever. This allows screen readers to intelligently announce what a particular input element is, by reading the label.

The changes to my Movable Type templates took a little longer this time: as well as modifying my Comment Listing, Comment Preview, and Comment Error templates, I had to make the same changes to the Individual Archive Template, since I have inline comments on those pages. (That’s a great reason for specifying Individual as the Preferred Archive Type. It means that your post and any comments appear on the same page.)

In the future, when creating forms in Dreamweaver MX, I’ll take advantage of the Accessibility preference setting that displays an Accessibility Attributes dialog whenever you insert a form element.

Dreamweaver MX: Input Tag Accessibility Attributes dialog

Permalink | Technorati


This discussion is now closed. My thanks to everyone who contributed.

© Copyright 2007 Jonathon Delacour