2016-06-04 2 views
0

Ich habe mich immer gewundert, wenn Sie einen <button> Tag verwenden, um nur eine Seite zu verlinken, die schlecht für Web Content Accessibility Guidelines (WCAG) ist?Ist eine <button> als eine schlechte Verbindung für WCAG?

Wann ist es eine unsachgemäße und ordnungsgemäße Verwendung des Tags <button>?

Vielen Dank im Voraus!

+1

@Xufox: Ich glaube nicht, SEO und Barrierefreiheit sind alle damit verbunden. Es könnte eine Überschneidung geben, aber nicht viel mehr, denke ich nicht. – BoltClock

Antwort

0

Was ist das häufigste Ergebnis beim Klicken auf eine Website? zu einer neuen URL bewegen, wie würden Sie einen Link (Anchor) Element <button> Element, selbst klicken, kann nicht tun that.Button ein Formular-Element ist ...

Zum vollständigen Artikel über Unterschiede von Anker und Button:

https://css-tricks.com/use-button-element/

0

WCAG 2.0 Richtlinie 4.1.2 Name, Role, Value beginnt mit:

Für alle Benutzer Interface-Komponenten (einschließlich, aber nicht beschränkt auf: Formularelemente, Links und durch Skripte generierte Komponenten), der Name und die Rolle kann durch Software bestimmt werden [...]

Die erwähnte Rolle ist defined durch diese:

Text oder Zahl, mit der Software die Funktion einer Komponente innerhalb von Webinhalten identifizieren können

So würden Sie (für Software) vermitteln müssen, dass Ihre button Element hat die Rolle eines Hyperlinks anstelle einer Schaltfläche.

In HTML5 kann die button element die WAI-ARIA link role haben. Die Verwendung dieser Rolle wäre also eine Möglichkeit (vielleicht sogar die einzige Möglichkeit), in Ihrem Fall 4.1.2 zu erfüllen, vorausgesetzt, dass die Software Ihrer Besucher WAI-ARIA unterstützt.

Verwandte Themen