Versucht, eine Offscreen-Formularübermittlungsoption hinzuzufügen

Question

Ich versuche, ein Absende-Eingabefeld zu verwenden, das ich außerhalb des Bildschirms platziert habe, aber der Screenreader für Android (Talkback) lässt mich das Formular nicht senden, wenn ich zweimal tippe. Ich habe das gleiche für IOS gemacht, aber der IOS-Screenreader (Voiceover) registriert den Doppelklick als Formular. Senden

Ermöglicht Talkback nicht die Interaktion mit nicht sichtbaren Objekten?

Die CSS-Klasse Ich verwende ist:

.hidden 
    { 
     position:absolute; 
     left:-10000px; 
     top:auto; 
     width:1px; 
     height:1px; 
     overflow:hidden; 
    } 

Hier ein Link zu einem jsfiddle ist, die ähnlich ist, was ich versuche zu erreichen: https://jsfiddle.net/uyk0uLx4/

Wenn Talkback nicht unterstützt Formular wird für Offscreen-Übermittlungsschaltflächen eingereicht. Was ist die empfohlene Methode, um Offscreen-Formularübermittlungen zu erhalten?

Answer 1

Offscreen-Schaltflächen sind schlechte Methoden zur Behandlung von Problemen mit der Barrierefreiheit (die nicht auf Benutzer von Screenreadern beschränkt sind).

Zum Beispiel kann eine Eye-Tracking-Software keine versteckten Schaltflächen verwenden. Ein Benutzer, der nur die Tastatur verwendet, kann nicht wissen, wohin der Fokus beim Durchblättern des Inhalts gehen wird.

So ist der beste Weg, um Ihr Problem zu lösen, die Schaltfläche sichtbar zu machen.

Das heißt, die Verwendung einer 1 Pixel transparenten Schaltfläche ist eine funktionierende Lösung für Ihr Problem und zugänglich für Benutzer von Screenreadern (obwohl nicht für jeden zugänglich).