Gunnar Bittersmann: IE CSS Checked Opacity

Beitrag lesen

@@j4nk3y

Da ich gerade etwas Zeit hatte, habe ich das Fiddle mal bearbeitet.

  <label>Deutsch
    <input type="radio" name="lang" value="de" checked/>
    <img src="http://www.globalpiyasa.com/v5/img/flag/de.png" alt="Deutsch">
  </label>

Die doppelte Beschriftung ist aber auch nicht sinnvoll; ein Screenreader würde „Deutsch (…) Deutsch“ vorlesen.

Auf das erste „Deutsch“ und dessen visuelles Verstecken mit font-size: 0 kannst du wohl verzichten; der Altenativtext sollte genügen.

Oder du verzichtest auf das zweite „Deutsch“ und setzt alt="", evtl. ergänzt durch role="presentation". (Das alt-Attribut muss aber vorhanden sein.)

Wenn man nicht weiß, worauf man genau achten muss, ist die jeweils ausgewählte Flagge nicht als solche zu erkennen.

Und auch die Verwendung von SVG würde Flaggen als Symbol für Sprachen nicht besser machen.

Auch die Verwendung von JSfiddle für CSS-Probleme ist nicht besonders gut.

LLAP 🖖

--
„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“ —Johann Wolfgang von Goethe