UX Abo

Wir trainieren dein Team? Buch unsere Workshops, Trainings und Coachings.

Zeigt her!
Close

Kennzeichnung von Abkürzungen

Eine korrekte semantische Struktur im (X)HTML-Markup ist für State-of-the-Art Webworker unumgänglich. Semantisch ausgezeichnete Textelemente bei Abkürzungen und Akronymen gehören dazu. Diese können Nutzern die ausgeschrieben Form darstellen. Bei visuellen Browsern wird beim Drüberfahren mit der Maus ein Tooltip angezeigt, bei Screenreadern vorgelesen oder anderen Hilfsmitteln ausgegeben. Diese sollten an der Stelle ihres Vorkommens im Inhalt erläutert werden.

Dazu werden folgende Tags geboten: <abbr> und <acronym>

abbr

<abbr> verwendet man bei Abkürzungen, bei denen jeder Buchstabe einzeln ausgesprochen werden soll. Example: USA. <abbr>USA</abbr> wäre die korrekte Auszeichnung.

acronym

<acronym> ist dagegen für Wörter gedacht, die ganz ausgesprochen werden. Example: GUI. <acronym>GUI</acronym> wäre die korrekte Auszeichnung.

CSS

Aktuell ist in der letzten Spezifikation vom W3C <acronym> nicht mehr enthalten und wird durch <abbr> zusammengefasst. Ich verwende trotzdem noch beide Varianten, da Screenreader diese meistens richtig ausgeben. Diese beiden Tags lassen sich dementsprechend im CSS visualisieren.

In diesem Fall:

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #2ECCFF; cursor: help; }

http://www.abbreviations.com/

Screenshot abbreviations

Ein neues Übersichtsportal bzw. Suchmaschine für Abkürzungen ging vor kurzem live und bietet eine Art Lexikon nach sortierten Rubriken http://www.abbreviations.com/

Du willst mit jemanden über das Thema plaudern?

Jetzt gleich eine E-Mail schreiben!

Stephan

Meine Rolle bei Liechtenecker: langgedienter Frontend-Veteran Wenn es weder IT noch Digitalisierung gäbe, wäre mein Beruf: Förster ohne Kontakt zu Menschen! Mein Herz schlägt für: die Arterien.
Bild
30880684616_4c91f325c0_k.jpg
Arbeitskultur – Blogbeitrag

Morgen ist Weihnachten

Warum ist weihnachtenweiß ich nichtvielleicht ist es auch nichtvielleicht schonLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos [...]

Jetzt lesen
Bild
Teamfoto
Arbeitskultur – Podcast

erf

Est pariatur qui ipsum, sit. Ipsum sit labore aute duis enim qui. Labore aute, duis enim qui. Enim qui consequat duis, velit anim. Duis velit anim ex ut, cupidatat laboris laboris. Ex ut cupidatat laboris laboris ad. Cupidatat laboris laboris ad [...]

Jetzt anhören

Interesse mit uns zu arbeiten?

Lass uns plaudern!


 

Nähere Informationen zum Datenschutz findest du in unserer Datenschutzerklärung