Using label instead of legend in the details element, with form inside details

In the details spec, details should have a legend as a child - but that is unstylable.

This test examines what happens if you use a label element instead of legend, but not associating the label to anything. There is a form inside the detail element, using conventional label markup to associate fields with labels.

Screenreader support

Léonie Watson of Nomensa reports that, like the details inside a form test, "the same with Jaws, NVDA, SA To Go and Window Eyes. The associated label is dealt with as expected, and the details label is treated as plain text."

Browser compatibility

In IE8, I needed to have html, head and body elements before the form would render.

The details element doesn't actually work yet in current browsers&,dash;it's supposed to hide all the contents except the label, and expand/ collapse the contents on activation. You need a script like Dean Edwards' HTML.js library to simulate that support. My point is that no-one will use these elements given the ugliness and unstylability of the legend element, as is currently specified.