Forms

Out of 20 entries:

8 use <label for>:
- ? use for values which match the correct id and the correct name.
- ? use for values which match the correct id and no name.
- ? use for values which match the correct name and no id.
- ? use for values which match only a wrong id.
- ? use for values which match only a wrong name.
- ? use for values which match nothing.
4 use a value in the control as its labelling text.
3 use <label> differently on the same page.
2 use plain <label>.
1 use implicit association (control nested inside <label>).
1 use title as labelling text.
1 use <th> as labelling text in a tabular form.
1 use <td> as labelling text in a tabular form.
1 use <label> with no content.
? use <label> as the first element before the correct control.
? use <label> as the first element after the correct control.
? use <label> as the first element before a wrong control.
? use <label> as the first element after a wrong control.

Unlabelled controls.

<form action method accept-charset class style onsubmit><input type name size> <input type name size> <select name>...</select> <input type value><br /><span class>...</span><input type name value></form>

for

<form action method id><fieldset><legend>...</legend><input name id size> <input type name id size> <select name id>...</select><input type value><p>... <label for>...</label>, <label for>...</label>

and <label for>...</label>.</p>.

AVG

<span class> <input id> for <label for><input id>.

BCOT: Contact

<p> to group row of controls for <div>.

<label for> used correctly.

Ben.com: Aircraft Ownership

Scripted, editable table whose mode <select> is in a preceeding <form>.

<input> elements as only child element of <td>.

Table has 2 vertical sections on left, 3 on right.

Result is updated near the bottom for each side.

<td id class> </td> for a central gap down the table:

Left side for financial data.
Right side for airplane data.

<td align id colspan class> for column headers:

Main column header is expected to accumulate with column subheaders below it.
Column subheaders have the same colspan as the main column header.
On the right, column header 2 is not expected to accumulate with 3.

<td align id class> for row headers:

Row headers on the right must block row headers on the left. (They aren’t row subheaders.)

Not written with accessibility in mind:

Use <th> to create header semantics.
headers+id to do accumulation of column headers with same colspan?
Use associated headers as the labelling text ,treating the control like normal content.

CSUN Conference

<label for> is empty.

<p>...</p> for labelling text.

<label for> with text and associated with correct control.

DOM Scripting: ABBRacadabra

<h3><fieldset> for <fieldset><legend>.

Driving Directions - AOL

<label for><input name> for <label for><input name id>.

Inclusive Technology - All The Help You Need

<label for><strong>...</strong></label> for <label> with CSS font-weight.

KDE Developers: Search

First value in several unlabelled <select> for <label>.

Manchester Lab: Feed back

<label for> used correctly.

Placeholder text.

Mellon Foundation

Missing alt with off-screen <label for>.

Paciello: ARIA Slider 2

<h3 class id>...</h3><div class><div class><form action method id><fieldset><legend>...</legend><label for>...<small>- Requred<br /></small> <input type class name id value size /></label><br />...</fieldset>...<fieldset class><legend><strong>...</strong></legend><label for> <textarea name class id rows cols></textarea></label> <input class name type id value /> <input type name value /></fieldset></form>

<div class> <p>...<br /><small><dfn title="Description">Code</dfn> &middot.

...</small></p> for <p>...</p><dl><dt><code>Code</code><dd>Description ...</dl>.

Petition Spot: Save the Accessibility Institute