HTML5 Strucktur

[molily]

<input name="q" type="text" size="40" placeholder="Suchbegriff eingeben..."/>

Placeholder sind kein Ersatz für Label; nicht als solche verwenden.

»For a simple form this might work out okay, for example an input field next to a
“search” button. Even without the placeholder it’s somewhat obvious how the form works as the button text effectively becomes the label for your input field.«

http://mentalized.net/journal/2010/08/05/dont_use_placeholder_text_as_labels/

SCNR ;)

Ich halte hier einen Submit-Button ebenfalls wichtiger als ein (sichtbares) Label. Siehe Google: Es gibt kein Label oder Placeholder, aber natürlich einen Submit-Button, auf dem groß »Google-Suche« steht.

<form>  
<label><span>Suchen:</span> <input type="search" placeholder="Suchbegriff eingeben"></label>  
<input type="submit" value="Suchen">  
</form>

Ob man Nicht-Screenreader-Nutzern jetzt noch das Label zeigt oder das span zugänglich versteckt, halte ich für nicht entscheidend. Das schreit geradezu nach einem A/B-Test…

Mathias