search - How do you pass Section 508 for a searchbox in HTML 5? -


indicates that:

A text equal to each non-text element will be provided (For example, "alt", "longdesc", or in element content).

For a search box,

  & lt; Input type = "text" alt = "search" value = "" tabindex = "1" name = "s" id = "s" />   

Passes the 508 standard, but HTML5 does not pass validation.

& lt; Label & gt; The only way to tag passes both the 508 standard and HTML 5 validation, because I have an unnecessary and label

I think that you get 1194.22 (n) More attention is needed. If you really want, without a separate label, you can do something like this:

  & lt; Input type = "search" value = "" tabindex = "1" name = "s" id = "s" /> & Lt; Label = "s" & gt; & Lt; Input type = "submit" value = "search" & gt; & Lt; / Label & gt;   

But I strongly recommend that at least one screenreader (it's free, it can be used for 'free trial' for 40 minutes) or better, A test-setting page and some screen-reader users to try it.

Alternatively you can see if you get permission to fit your label more naturally.

Comments