Numbers Zahlen-Input
Es wurde bewusst die Entscheidung getroffen, nicht das HTML Element <input type="number"> zu benutzen. Stattdessen wird <input type="text" inputmode="numeric"> verwendet.
- <input type="number"> bringt mehrere Probleme in Bezug auf die Barrierefreiheit mit sich.
- Benutzer erhalten kein Feedback darüber, welche Art von Zeichen <input type="number"> akzeptiert, und Hilfstechnologien warnen den Benutzer nicht, dass seine Eingabe stillschweigend verworfen wurde.
- Benutzer können die Zahl mit dem Scrollrad der Maus oder der Scroll-Geste auf ihrem Trackpad versehentlich erhöhen oder verringern. Diese Funktion kann nützlich sein, wenn zählbare Daten gesammelt werden, aber schlecht, wenn Daten wie Passnummern eingegeben werden.
Verwendung
Numeric Input
Decimal Input
Readonly Input
Disabled Input
Prefix/Suffix Input
Prefix
Suffix
Prefix/Suffix ReadOnly Input
Prefix
Suffix
Prefix/Suffix Error Input
Prefix
Suffix
Geben Sie bitte einen Wert kleiner oder gleich 3 ein.