Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung
Toegankelijkheid
Waarom zouden muis, vinger, pen en toetsenbord tegelijkertijd werken?
Sommige sites beslissen bij het laden of een apparaat heeft aanraking, en dan uitschakelen van de muis controle, of vice versa. Een tablet met toetsenbord, een laptop met touchscreen, een persoon die verandert tussen pen en stembediening: Voor hen breekt de operatie. Voor criterium 2.5.6 van niveau AAA is vereist dat een website geen enkel soort input uitsluit en op elk moment overschakelt.
Wat het criterium vereist
De site beperkt de werking niet tot één type invoer, tenzij de beperking noodzakelijk is voor de beveiliging of door de bezoeker wordt gekozen. Muis, touch, pen, toetsenbord en hulptechnologie die hen simuleert werken zij aan zij en afwisselend. Overtredingen worden vrijwel altijd veroorzaakt door scripts: een "touch device" detectie bij het laden, waardoor zweefmenu's worden uitgeschakeld; Event handling alleen voor touch events zonder klik; Vergrendel het toetsenbord in een widget, omdat hier u met uw vinger werkt.
Voor wie dit telt
Mensen met een motorische beperking veranderen vaak het soort input per taak: toetsenbord om te schrijven, aanraken om te navigeren, stembediening voor commando's. Mensen met schakelaars of hoofdmuis werken met hulptechnologie, die als muis rapporteert, soms als toetsenbord. Iedereen die een ingang vergrendelt, sluit het uit. Trouwens, het beïnvloedt iedereen met een laptop met touchscreen en trackpad.
Zo gaan we ermee om
De meting vindt scripts vertakken om de detectie aan te raken en elementen met event handling slechts voor één invoertype, en toont ze als een indicatie. Als de verandering van input types werkt, een persoon controleert met een apparaat dat meerdere heeft. Het criterium behoort tot de categorie AAA in kennis.
Voorbeelden
Aanraakherkenning schakelt de muis uit
if ("ontouchstart" in window) {
document.body.classList.add("touch"); // Hover-Menüs aus, Maus-Ereignisse ignoriert
}element.addEventListener("pointerdown", start);
element.addEventListener("pointerup", ende);
element.addEventListener("click", ausloesen);
// keine Verzweigung nach Gerät: jede Eingabe, die kommt, wird verarbeitetEen laptop met touchscreen en een persoon met stembediening veranderen het invoertype op elk moment.
- Gebruik de pointer events (pointerdown, pointerup, click) in plaats van aparte muis en touch events.
- Nooit branch naar Touch Device.
- Zorg ervoor dat elke touch gebaar gaat ook door klik en toetsenbord (criteria 2.5.1).
- Test op een laptop met touchscreen: muis, vinger, toetsenbord afwisselend op dezelfde pagina.
