SVG/Elemente/desc

Hauptartikel: SVG/Elemente/Metadaten#desc

Das desc-Element gibt der SVG-Grafik oder Gruppierungselementen wie symbol, pattern, linearGradient eine Beschreibung, die nicht gerendert wird.

Beispiel

<svg> <title>Beispiele für lineare Farbverläufe</title> <defs> <desc>Hier werden die Farbverläufe definiert und über die id dann aufgerufen</desc> <linearGradient id="verlauf1" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#dfac20" /> <stop offset="100%" stop-color="#3983ab" /> </linearGradient> <linearGradient id="verlauf2" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#dfac20" /> <stop offset="100%" stop-color="#3983ab" /> </linearGradient> <linearGradient id="verlauf3" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#dfac20" /> <stop offset="100%" stop-color="#3983ab" /> </linearGradient> </defs> ... </svg>

Beachten Sie: Das desc-Element sollte das erste Kind des Elternelements sein.

Empfehlung: Verwenden Sie Beschreibungen, um Ihre Webseite zugänglicher für Screenreader zu machen.

Weblinks

• W3C: DescriptionAndTitleElements
• sitepoint: Tips for Creating Accessible SVG

Start-Tag: notwendig End-Tag: notwendig <desc>…</desc>
Elternelemente	Darf vorkommen in: svg, alle Elemente
erlaubte Inhalte	Zeichenkette
Browsersupport	Details: {{{caniuse}}}

Attribute

Name	Inhalt	Standardwert	Bedeutung
Kernattribute
class	ID		ordnet ein Element einer oder mehreren Klassen zu.
id	ID		identifiziert ein einziges Element innerhalb eines Dokuments
lang	ID		identifiziert eine Sprachangabe
style	ID	CDATA	Stilangabe durch Präsentationsattribute
tabindex	ID		macht Element „antabbbar“
xml:base	CDATA		Basis-URL
xml:lang		Sprachkürzel	legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
xml:space		default, preserve	Verhalten gegenüber whitespace)

Attribut: Pflichtattribut
Attribut: optionales Attribut