Such Tabs
bearbeitet von
Hallo Google weiß alles,
> [https://home.fastix.org/Files/Computing/all_in_one_page.html](https://home.fastix.org/Files/Computing/all_in_one_page.html#)
Nett. Gibts [auch im Wiki](https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:Fixierte_Tooltips.html). Nachteilig imho ist bei beiden Varianten, dass die Browser-Historie zugemüllt wird.
Nachteilig bei deiner Variante ist zudem, weil nicht barrierefrei
* `<a class="close" href="#">X</a>`{: style="background:#f55"} „X“ ist ein schlechter Linktext.
* `<a class="close" href="#" title="schließen">X</a>`{: style="background:#fee"} ist schon [etwas besser](http://www.barrierefreies-webdesign.de/knowhow/tooltip/title-attribut-im-screenreader.html).
* `<a class="close" href="#">schließen</a>` ist gut. Zum Aufhübschen Pseudoelemente verwenden wie im Wiki.
* `<button type="button" class="close">schließen</button>` ist auch eine Alternative. Button passt imho semantisch besser, hat aber in diesem Fall den Nachteil, dass JavaScript benötigt wird. Da könnte das a-Element als Fallback dienen.
Bis demnächst
Matthias
--
Dieses Forum nutzt Markdown. Im [Wiki](https://wiki.selfhtml.org){: style="color:#3481cd"} erhalten Sie [Hilfe bei der Formatierung Ihrer Beiträge](https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge){: style="color:#3481cd"}.