<desc>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Das <desc> SVG Element bietet eine zugängliche, ausführliche Beschreibung in Textform für jedes SVG Container-Element oder Grafik-Element.

Text in einem <desc>-Element wird nicht als Teil der Grafik gerendert. Wenn das Element durch sichtbaren Text beschrieben werden kann, ist es möglich, diesen Text mit dem aria-describedby Attribut zu referenzieren. Wenn aria-describedby verwendet wird, hat es Vorrang vor <desc>.

Der versteckte Text eines <desc>-Elements kann auch mit dem sichtbaren Text anderer Elemente durch die Verwendung mehrerer IDs in einem aria-describedby Wert verknüpft werden. In diesem Fall muss das <desc>-Element eine ID zur Referenzierung bereitstellen.

Verwendungskontext

Kategorien	Beschreibendes Element
Erlaubter Inhalt	Beliebige Elemente oder Zeichendaten

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4">
    <desc>
      I'm a circle and that description is here to demonstrate how I can be
      described, but is it really necessary to describe a simple circle like me?
    </desc>
  </circle>
</svg>