# Symbol

Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader.

## Konstruktion

### Code

```html
<kol-symbol _label="Slash" _symbol="/"></kol-symbol>
```

### Beispiel

<kol-symbol _label="Slash" _symbol="/"></kol-symbol>

## Verwendung

Das eigentliche Symbol, welches am Bildschirm ausgegeben wird, wird über die Property **`_symbol`** übergeben. Der zugehörige Text, den der Screenreader vorliest, wird über das Attribut **`_label`** übergeben.

<!--### Best practices

### Anwendungsfälle-->

## Barrierefreiheit

## Links und Referenzen

- <kol-link _href="https://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/" _label="https://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/" _target="_blank"></kol-link>

<!-- Auto Generated Below -->


## Properties

| Property               | Attribute     | Description                                                                                                                        | Type                  | Default     |
| ---------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
| `_ariaLabel`           | `_aria-label` | <span class="text-red-500">**[DEPRECATED]**</span> use _label<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente. | `string` \| `undefined` | `undefined` |
| `_label`               | `_label`      | Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.).                    | `string` \| `undefined` | `undefined` |
| `_symbol` _(required)_ | `_symbol`     | Dieses Property gibt den String an der angezeigt werden soll.                                                                      | `string`              | `undefined` |


----------------------------------------------


