webentwicklung-frage-antwort-db.com.de

Festlegen einer Verknüpfung zum Ändern des Fokus auf einen anderen Abschnitt in einer Web-App?

Angenommen, Sie haben eine Web-App mit drei Abschnitten. Ein linkes Navigationsmenü, eine Symbolleiste/Einstellungsbereich und ein Hauptanwendungsbereich. Meistens wird der Benutzer direkt mit der Anwendung in Kontakt treten, und der Fokus seines Dokuments wird möglicherweise irgendwo tief in der "Hierarchie" der Anwendung liegen, was bedeutet, dass Sie in die Anwendung hinein- oder herausfahren, um den Fokus auf das linke Navigationsgerät oder die linke Symbolleiste zu legen wird ein Schmerz sein.

Ist das Hinzufügen einer Verknüpfung (und das Anzeigen der Tastenanschläge der Verknüpfung neben diesem Abschnitt möglicherweise?), Um den Fokus auf das linke Navigationsmenü oder die Symbolleiste zu ändern, im Allgemeinen eine gute Idee? Andernfalls müssen sie möglicherweise viel tippen oder eine andere Methode zur Interaktion mit diesem Teil der Website verwenden, die wir vermeiden möchten. Bonuspunkte, wenn jemand weiß, wie dies mit den Anforderungen der WCAG a11y übereinstimmt.

BEARBEITEN, Update mit Wireframes:

(rough application wireframes

Angenommen, wir haben eine Anwendung mit einem linken Navigationssystem, einer Symbolleiste und einer Anwendung (der "fleischige" Teil der Anwendung). Die Anwendung konzentriert sich zuerst auf den Anwendungsabschnitt mit der Bezeichnung "EINIGE ANWENDUNG" in den Drahtgittern und verfügt über viele verschachtelte Abschnitte, die es möglicherweise schwierig machen, den Fokus nicht mehr zu verwenden. Ist es angemessen, dem Benutzer zu erlauben, den Fokus beispielsweise über eine Verknüpfung auf den ersten relevanten Link oder die erste relevante Schaltfläche in jedem der Abschnitte zu verlagern? (Ich habe einige erfundene Beispiele für Verknüpfungen für das Bild verwendet, aber Sie können sich einige vorstellen, die vielleicht besser geeignet sind.)

1
z0d14c

Die Tastaturnavigation ist unter den richtigen Umständen eine großartige Sache, und oft ist sie für jeden, der sie nicht verwenden möchte, „unsichtbar“. Das Hinzufügen hat also wenig Nachteile.

"Richtige Umstände" können Folgendes umfassen:

  • Erfahrene, reguläre Benutzer : Gelegenheitsbenutzer einer App werden sich im Allgemeinen nicht an die Tastenkombinationen erinnern (oder sogar die Tastaturnavigation für möglich halten). Die Tastaturnavigation ist im Allgemeinen für Langzeitbenutzer gedacht.
  • Geräte mit Tastaturen : Offensichtlich sind Tastaturkürzel nur dann gut, wenn Sie eine Tastatur haben. Wenn die Funktion, die die Taste bietet, kritisch ist und/oder Sie viele Benutzer auf Telefonen/Tablets haben, möchten Sie sie möglicherweise auf andere Weise lösen oder einen alternativen Pfad für Touch-Geräte (Gesten, zusätzliche Steuerelemente usw.) Bereitstellen )
  • Kompatibel mit dem Betriebssystem : Es versteht sich wahrscheinlich von selbst, dass Sie Standard-Tastaturkürzeln auf dem Betriebssystem oder dem Browser des Benutzers nicht im Wege stehen sollten. Diese variieren - denken Sie beispielsweise bei der Erstellung von Hilfeinhalten daran.

Informationen zu Barrierefreiheitsrichtlinien finden Sie unter Erfolgskriterium 2.1.4: Tastenkombinationen für Zeichen . Dies bezieht sich insbesondere auf Verknüpfungen, bei denen es sich um Tastendrücke mit nur einem Zeichen handelt. Wenn Sie also Verknüpfungen mit [ctrl]+ Oder [cmd+] Verwenden, sollte dies in Ordnung sein. Ich würde Verknüpfungen als auslösende Verknüpfungselemente implementieren, die auf das Element verweisen, auf das Sie den Fokus setzen möchten (und nicht nur auf die Taste, mit der der Fokus direkt festgelegt wird). Dies ist wahrscheinlich mit den meisten unterstützenden Technologien kompatibel, da sie alle mit einfachen Verknüpfungen umgehen können und Anker. Dies passt gut zu Ihrer Idee, die Verknüpfung als Eingabeaufforderung für den Benutzer anzuzeigen.

1
Beejamin