Eingabe-Genauigkeit mit Interaction Media Features
Sensoren ermöglichen es, dass
Dein Gerät nutzt überwiegend …
… eine feine Eingabemethode, z.B. einen Stylus oder eine Maus.
@media (pointer: fine) {…}
… eine grobe Eingabemethode, z.B. deinen Finger auf einem Touch-Display.
@media (pointer: coarse) {…}
… eine feine Eingabemethode, z.B. einen Stylus oder eine Maus.
@media (any-pointer: fine) {…}
… eine grobe Eingabemethode, z.B. deinen Finger auf einem Touch-Display.
@media (any-pointer: coarse) {…}
Interaction Media Feature @media (pointer) im RIAN-Einsatz
Mit Hilfe des Interaction Media Features Pointer können interaktive Elemente beeinflusst werden:
- Größe von Links.
- Größe von Buttons.
- Abstand zwischen Listeneinträgen die Links enthalten.
Die WCAG hat das Thema in zwei Kriterien festgehalten: Klickbare Flächen sollen mindestens 24*24 CSS-Pixel bei Bedienung mit der Maus (Level AA) bzw. 44*44 CSS-Pixel bei Bedienung mit dem Finger (Level AAA) haben.