# Kbd

Ein Schlüsseltaste, wie auf der Tastatur geschrieben, um anzugeben, welche gedrückt werden soll.

## Playground

```html
<kbd class="feitio-kbd">Esc</kbd>
```

## Wann verwenden

-   Für Abkürzungen und Tasten im Text: „drücken Sie /, um zu suchen".

## Wann nicht verwenden

-   **Für Code:** Inline-Code.
-   **Eine einzige Möglichkeit, etwas zu tun:** Die Abkürzung ist ein Extra; die Taste bleibt bestehen.

## Beispiele

### Tasten und Kombinationen

Eine Taste pro `<kbd>`; Kombinationen mit einem Pluszeichen dazwischen.

Code anzeigen

```html
<kbd class="feitio-kbd">Ctrl</kbd> + <kbd class="feitio-kbd">K</kbd>
```

## Barrierefreiheit

-   Es ist ein `<kbd>`: Screenreader erkennen es als Taste.
-   Pfeile und Symbole: schreiben Sie den Namen aus, wenn es der einzige Text ist („unten Pfeil").

## Attribute

Attribut

Werte

Zum Zweck

`class="feitio-kbd"`

auf dem `<kbd>`

Die Taste, mit einer etwas dickeren unteren Kante.