Gunnar Bittersmann: Frage zum Wiki-Artikel „cookies“

Beitrag lesen

problematische Seite

@@Ed Straker

<a href="#" onclick="setActiveStyleSheet('gruen'); setCookie('gruen'); return false;"></a>

Hurra!

Das „Hurra!“ ist etwas verfrüht.

<a href="#"> ist ein sicheres Zeichen für einen Fehler; <a href="#" onclick=""> ist ein todsicheres.

Links führen zu anderen Stellen im Web oder zu anderen Stellen auf der aktuellen Seite. Für Aktionen auf einer Seite musst du Buttons (<button>)verwenden:

<button onclick="setActiveStyleSheet('gruen'); setCookie('gruen');">

Siehe Buttons vs. Links.

(Du solltest Eventhandler im JavaScript notieren (addEventListener()), nicht im HTML per onclick.)

Und der Button braucht eine Beschriftung! Diese kann visuell versteckt werden, aber sie muss vorhanden sein:

<button onclick="setActiveStyleSheet('gruen'); setCookie('gruen');">
  <span class="visually-hidden">grün</span>
</button>

(mit den Styles aus der verlinkten Quelle)

🖖 Живіть довго і процвітайте

--
Ad astra per aspera