web-dev-qa-db-de.com

Nur Symbol vs. Text und Symbol

Ich arbeite gerade an einem Projekt, bin mir aber nicht sicher, ob auf ein Symbol allein zugegriffen werden kann (AA) oder ob es von Text begleitet werden muss.

Welche würden die WCAG AA-Standards erfüllen?

2
UIO

Normalerweise würde ich raten, immer ein Symbol mit Text auf dem Bildschirm zu koppeln, damit beide anklickbar sind. Auf diese Weise können Sie ein Arien-verstecktes Attribut verwenden, um das Symbol für Bildschirmleser auszublenden, wodurch nur der Textlink für Audio-Bildschirmleser übrig bleibt.

Wenn dies jedoch nicht möglich ist, müssen Sie berücksichtigen, dass jemand den Bildschirm nicht sehen kann, weil er einen Audiobildschirmleser verwendet. Daher müssen Sie sicherstellen, dass für das Symbol ein Textäquivalent vorhanden ist, damit der Audiobildschirm angezeigt wird Leser Benutzer kann seine Bedeutung verstehen. Dies wird in WCAG 2.0-Richtlinie 1.1.1 Nicht-Text-Inhalt behandelt und ist eine Anforderung der Stufe A (denken Sie daran, wenn Sie AA erfüllen möchten, bedeutet dies, dass Sie alle erfüllen Level A und alle Level AA Anforderungen).

Ein Textäquivalent hängt von Ihrem Symbolformat ab.

  • Wenn das Symbol ein Bild ist, können Sie einfach das Attribut image alt verwenden (ich gehe davon aus, dass Ihre Lösung HTML ist).
  • Wenn es sich bei Ihrem Symbol um eine Symbolschrift handelt, müssen Sie andere Techniken verwenden, die hier beschrieben werden: https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html
9
SteveD

Text ist wichtig, da einige Benutzer, die Ihr Projekt verwenden würden, nur mit Symbolen verwechselt würden, was zu einer schlechten Benutzererfahrung führen würde. Wenn Ihr Projekt jedoch bereits zu viele Daten enthält, um angezeigt zu werden (auf jeder Seite), kann das Hinzufügen zusätzlicher Texte nur für Symbole Ihren Bildschirm mit zu vielen Dingen gruppieren. Meiner Meinung nach

  1. Wenn der Inhalt Ihrer Seite stark mit Daten geladen ist, sollten Sie keinen Text hinzufügen und nur das Symbol beibehalten (wenn der Benutzer jedoch über das Symbol fährt, können Sie dort einen Text anzeigen, der dieses Symbol darstellt).
  2. Wenn auf einer Seite nicht viel Inhalt angezeigt wird, können Sie sowohl Text als auch Symbole verwenden, da Ihr Bildschirm nicht mit zu vielen Dingen gruppiert wird
0
Siddhesh Dighe