it-swarm.com.de

Beeinträchtigen Hilfesymbole in Überschriften die auf Überschriften basierende Navigation?

Wenn ich habe:

<h2>
  Edit your details 
  <a href="/help?topic=editDetails">
    <img 
      src="/images/helpIcon.gif" 
      width="20" height="20" 
      alt="Help about: Editing your details"
    />
  </a>
</h2>

Ist die Überschrift zugänglich?

Eine von AT] generierte Überschriftenliste würde den Linktext enthalten. Dies klingt nach einer vernünftigen Vorgehensweise.

Der Link im obigen Beispiel enthält nur ein Bild, daher kann stattdessen der Alternativtext des Bildes verwendet werden, damit ich das verstehe. Ist die Überschrift dadurch schwieriger zu verstehen?

Ich nehme an, das Hilfesymbol könnte außerhalb des Elements liegen. Ich frage mich nur, ob es hier ein echtes Problem gibt.

BEARBEITEN: Um es klarer zu machen, sind dies die Variationen, wie es in einem Browser angezeigt werden kann:

Wenn das Bild verfügbar ist:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

VS. Wenn das Bild nicht verfügbar ist:

mockup

bmml Quelle herunterladen

Könnte diese Formulierung der Hilfefunktion ein Problem für einen Benutzer darstellen, der die Aktion versteht?

Autoren-Update:

Das Szenario, in dem der Alternativtext des Symbols dem Benutzer (visuell) angezeigt wird, ist ebenfalls gültig, aber ich bin nicht sicher, ob es meiner Frage entspricht. Ich glaube nicht, dass der Benutzer das Hilfesymbol, sondern die Überschrift nicht versteht. Ich werde weiter erklären:

Ich habe diese Grafik gefunden, die zeigt, wie HTML-Überschriften Benutzern von JAWS (Bildschirmleser für sehbehinderte Benutzer) angezeigt werden:

How HTML Headings are presented to the JAWS screen reader for quick navigation

Solche Benutzer navigieren häufig mithilfe der Überschriften auf einer HTML-Seite, um den Leser mit dem Lesen der Überschrift zu beginnen, an der sie interessiert sind.

Ich befürchte, dass das Hilfesymbol dazu führen kann, dass die Bedeutung der Überschrift verwirrend ist, und daher ist es wahrscheinlich nicht ideal, einen Link/ein Symbol innen ein Header-Element einzufügen.

1
Lee Kowalkowski

Wenn der Hilfelink im Überschriftenelement neben dem Text "Bearbeiten Sie Ihre Details" enthalten ist, reicht es theoretisch aus, wenn das alt-Attribut des Hilfesymbols einfach "Hilfe" lautet, da seine Bedeutung in Kombination mit abgeleitet werden kann den Überschriftstext (sowohl visuell als auch programmgesteuert von denjenigen, die sich auf AT verlassen). Dies würde die Menge redundanter Informationen reduzieren, die von AT beim Durchsuchen der Überschriften angekündigt werden.

Persönlich würde ich jedoch den Hilfelink neben, aber außerhalb des Überschriftenelements anzeigen und das alt-Attribut auf "Hilfe beim Bearbeiten Ihrer Details" setzen. Dadurch wird vermieden, dass der Hilfelink beim Navigieren mit AT zwischen Überschriften oder über die Dokumentkontur) angekündigt wird, während sichergestellt wird, dass die Bedeutung des Links explizit klar ist, wenn er ohne den umgebenden Kontext angetroffen wird.

2
Matt Obee

Das Symbol muss nicht entfernt werden

es ist perfekt

seine Hüfte in diesen Tagen (in Mode)

ein Benutzer, der feststeckt und Hilfe benötigt, sucht nach dem (?) oben rechts

es ist effektiv

Zeigen Sie den Text als QuickInfo an (eine QuickInfo ist der Text im Feld, der angezeigt wird, wenn Sie den Mauszeiger über ein Element bewegen.)

Verwenden Sie nicht die Textimplementierung. es ist weniger lesbar

1
Mukul Goel

Das Symbol muss nicht außerhalb des Elements platziert werden, es befindet sich perfekt dort, wo es gerade steht. Wenn das Hilfesymbol klar ist, welchen Zweck es erfüllt, hat der Benutzer keine Probleme. Der Alternativtext des Bildes wird nur als QuickInfo angezeigt, wenn der Benutzer mit dem Cursor über das Bild fährt.

0
Daniel Meade