Ask anyone who has had to fix a Website that's littered with accessibility howlers, and top-most in their list of problems encountered will be forms, closely followed by tables. These two topics always seem to present the most difficulties, but they needn't be a problem. For the most part, forms are a problem because the extra accessibility tags are simply not known to the Web designer -- after all, it looks right, it seems to work... what's the problem? Only by switching off the monitor and using a screen-reader can our oblivious Web developer understand the issues.
Lloyd, Ian. SitePoint (2003). Design>Web Design>Accessibility>Forms
When we talk about the accessibility of forms, we are usually referring about their accessibility to screen readers and the visually impaired. People with other types of disabilities generally are less affected by 'faulty' forms that are missing some of the HTML accessibility features.
WebAIM (2003). Design>Web Design>Accessibility>Forms
To demonstrate an example of some accessibility issues in HTML Forms, the following content intentionally has accessibility errors.
Abou-Zahra, Shadi. W3C (2004). Articles>Web Design>Accessibility>Forms
Forms are a pain. You can make them pretty, make them accessible, or go a little crazy trying to achieve both. Nick Rigby offers a happy solution.
Rigby, Nick. List Apart, A (2006). Design>Web Design>Accessibility>Forms
Multiple Form Labels and Screen Readers
Just about every website needs some forms. Sometimes there are many of them, sometimes just a single contact form. Regardless of their number, they need to be usable and accessible, which can sometimes be a little more work than it would be if theory and practice aligned a little better.
Johansson, Roger. 456 Berea Street (2008). Articles>Web Design>Accessibility>Forms
Use the Label Element to Make Your HTML Forms Accessible
There are plenty of articles and tutorials that describe how to create accessible HTML forms out there. Despite that it is common to come across forms that do not use a single label element and forms that use label elements but do so incorrectly.
Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>Forms
Autopopulating Text Input Fields with JavaScript
Few people will argue against the need to explain to users what they are supposed to enter into text input fields. One common workaround when no label can be displayed is to put some placeholder text in the text field and let that act as the label.This approach works reasonably well, but it burdens the user with having to clear the input before entering their own text, which can lead to frustration and mistakes. An approach that avoids that is using JavaScript to clear the input when it receives focus. Since that won’t work when JavaScript support is missing, JavaScript should be used to insert the placeholder text as well.
Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>Forms
Ask anyone who has had to fix a Website that's littered with accessibility howlers, and top-most in their list of problems encountered will be forms, closely followed by tables. These two topics always seem to present the most difficulties, but they needn't be a problem. For the most part, forms are a problem because the extra accessibility tags are simply not known to the Web designer -- after all, it looks right, it seems to work... what's the problem? Only by switching off the monitor and using a screen-reader can our oblivious Web developer understand the issues.
Lloyd, Ian. SitePoint (2003). Articles>Web Design>Accessibility>Forms
Forms are often the most tricky aspect of web development for beginners to get their head around, largely because it means stepping out of the comfort zone of one-way information - no longer are you simply presenting information at the person viewing your site, now you are asking for input, for feedback that you have to process in some way. And just as it may be difficult for HTML beginners to understand just how they handle form data, so is it difficult to understand some of the issues relating to accessibility.
Lloyd, Ian. Web Standards Project (2004). Articles>Web Design>Accessibility>Forms
There are 25 readers currently online: 2 registered users and 23 guests. Register.

![]()
![]()


![]()
![]()
![]()