Wie übergeben Sie Abschnitt 508 für ein Suchfeld in HTML 5?

Question

508 Normen, Abschnitt 1194.22 (a) besagt, dass:

Ein Textäquivalent für jeden Nicht-Text element soll bereitgestellt werden (z. B. über "alt", "longdesc" oder im Element Inhalt).

Für ein Suchfeld verwenden Sie

<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />

erfüllt die 508-Standards, besteht jedoch die HTML 5-Validierung nicht.

Benutzt <label> tags die einzige Möglichkeit, sowohl die 508-Standards als auch die HTML 5-Validierung zu bestehen, da ich eine unnötige vermeiden möchte <label> anhängsel?

Answer 1

Ich denke, Sie müssen in dieser Situation mehr Aufmerksamkeit auf 1194.22 (n) lenken.Wenn Sie wirklich dringend auf ein separates Etikett verzichten müssen, könnten Sie so etwas ausprobieren:

<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>

Aber ich würde dringend empfehlen, dies zumindest in einem Screenreader auszuprobieren (NVDA ist kostenlos, JAWS kann 40 Minuten lang kostenlos getestet werden) oder, noch besser, eine Testseite einrichten und einige Benutzer von Bildschirmlesegeräten dazu bringen, sie auszuprobieren.

Alternativ könnten Sie untersuchen aria-labelledby und sehen Sie, ob Sie dadurch natürlicher in Ihr Etikett passen können.