TYPO3 Teaser-/Card-Element mit wählbarem Icon,
Icon-/Card-Teaser Inhaltselement
Ein Icon Teaser ist ein einfaches Element, bei dem ein Icon aus einer definierten Liste gewählt werden kann. Die Liste der möglichen Icons wird aus Ordnern erstellt, in denen sich SVG Dateien befinden. Die Orte der zu durchsuchenden Ordner kann über das TCA oder direkt über das „Page TypoScript“ angepasst werden und ist somit individuell pro Seite einstellbar.
Mit diesem Element können SVG Icons aus frei konfigurierbaren Ordnern gewählt werden. Die Ordner werden als Tabs dargestellt. Es kann ebenfalls eine Füll-Farbe festgelegt werden, sofern das SVG Icon keine Füll-Farbe/n definiert hat. Die SVG-Einbindung erfolgt als Inline-SVG und kann auch FLUID Variablen enthalten, um barrierefreie SVGs über Sprachlabel zu erstellen oder andere Variablen einzusetzen.
// Als Standard wird folgendes Attribut ersetzt:
data-aria-label=""
// Ersetzung, wenn ein Wert via icon_aria_label übergeben wird
aria-label="{icon_aria_label}"
// wenn kein Wert übergeben wird:
aria-hidden="true" focusable="false"
// SVG Code Beispiel:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" ...
data-aria-label="">
// wird zu:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" ...
aria-label="Wert aus icon_aria_label">