Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Beispiele aus dem Buch (Abschnitt 2.7: Strukturen und Validierung)

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch Extern: "Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.

Auswahllisten mit OPTGROUP unterteilen

Auswahllisten können eine beliebige Zahl an Auswahlpunkten enthalten. Diese können strukturell und optisch mit OPTGROUP unterteilt werden. Das folgende Beispiel zeigt eine verkürzte Liste mit vier Urlaubszielen.

HTML

<form>
  <p>
    <label for="land">Wählen Sie Ihr Urlaubsziel aus:</label>
    <select id="land">
      <option>Frankreich</option>
      <option>Italien</option>
      <option>Malediven</option>
      <option>Thailand</option>
    </select>
  </p>
  …
</form>

Die Liste kann mit OPTGROUP unterteilt werden.

HTML

<form>
  <p>
    <label for="land2">Wählen Sie Ihr Urlaubsziel aus:</label>
    <select id="land2">
      <optgroup label="Europa">
        <option>Frankreich</option>
        <option>Italien</option>
      </optgroup>
      <optgroup label="Asien">
        <option>Malediven</option>
        <option>Thailand</option>
      </optgroup>
    </select>
  </p>
</form>

Browseransicht