Benötigen Sie eine Taste nur ein Symbol, ohne die Zugänglichkeit zu vermasseln?

Denken Sie zunächst sorgfältig nach: Benötigen Sie wirklich reine Symbolschaltflächen? Wenn Sie können, wurde das Hinzufügen von Text neben dem Symbol wiederholt als die zugänglichste und klarste Benutzererfahrung erwiesen (siehe die neuesten Fehler von Apple). Aber wenn Sie es brauchen (ich verstehe, manchmal tun Sie es), haben Sara Soueidan und Scott O'Hara jeweils einen Artikel geschrieben, der alle Optionen gut ausgearbeitet und praktische Forschungsarbeiten zu diesem Thema lieferte.

• Sara Soueidan: Zugriffszonenknopf
• Scott O'Hara: Kontext -Tags zugängliche Bilder und SVG

Wenn Sie nur eine gerade Antwort erhalten möchten, schlage ich vor, dass Sie die Methode "einen Text in der Schaltfläche verwenden" annehmen:

<button>
   <svg aria-hidden="true" focusable="false" height="32px" viewbox="0 0 32 32" width="32px"></svg></button>
   Speisekarte

Sara weist darauf hin, dass es keinen einheitlichen Ansatz gibt , aber es scheint, dass Sie den tatsächlichen Text in der Taste verwenden und ihn irgendwie ausblenden oder überschreiben müssen . Die Verwendung von SVG allein hat keine zuverlässige Möglichkeit, Namensnamen für Schaltflächen oder Links bereitzustellen.

Es ist erstaunlich, wie schwierig dieses Muster richtig implementiert werden soll.

Das obige ist der detaillierte Inhalt vonBenötigen Sie eine Taste nur ein Symbol, ohne die Zugänglichkeit zu vermasseln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!