input type=range und input type=number verbinden

[Gunnar Bittersmann]

@@JürgenB

<div role="group" aria-labelledby="groupLabel">
  <span id="groupLabel">Work Phone</span>
  +<input type="number" aria-label="country code">
  <input type="number" aria-label="area code">
  <input type="number" aria-label="subscriber number">
</div>

(Aus: https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html)

Mich stört da, dass ich dann 18 Ids vergeben muss.

Mich stört da, dass ich drei Felder ausfüllen muss, um eine Telefonnummer anzugeben. Wer denkt sich solch einen Unsinn aus?

---

type="number" für Telefonnummern ist wohl auch Unsinn.

Und warum verstoßen die WCAG gegen die erste Direktive? Es gibt ein HTML-Element zum Gruppieren von Eingabefeldern:

<fieldset>
  <legend>Work Phone</legend>
  +<input aria-label="country code">
  <input aria-label="area code">
  <input aria-label="subscriber number">
</fieldset>

Aber wenn man’s richtig macht, gibt’s da nichts zu gruppieren:

<label for="work-phone">Work Phone</label>
<input type="tel" id="work-phone">

Kwakoni Yiquan