ebt-vue3/content/guide/keyboard.md

Vue3 Library for SuttaCentral Voice EBT-Sites

---
title: Keyboard Shortcuts
description: Save time with keyboard shortcust
img: sergi-kabrera-2xU7rYxsTiM-unsplash.png
img-alt: picture of keyooard
link: https://unsplash.com/photos/2xU7rYxsTiM
order: 2
---

### Cards

Content is presented within different types of **cards**:

* *Wiki card:* shows website documentation, newsletters, etc.
* *Search cards:*  show search terms and search results
* *Sutta cards:* show individual suttas for segmented documents from [SuttaCentral.net](https://suttacentral.net)

Cards allow you to review multiple documents. 
On wider screens, you will even be able to compare cards side-by-side.

### Card tabs

Each card has a **tab** that can be clicked to scroll to the associated card.

<p>
<img src="img/tabs.png" class="ebt-image" alt="image of card tabs" style="width:400px;"/>
</p>

### Keyboard navigation

| Card | Key | Function |
| :---- | :---- | :---- |
| all | HOME | Select card tab
| all | TAB | Select next user interface element
| all | SHIFT-TAB | Select previous user interface element
| sutta | UP | Select previous segment in sutta
| sutta | DOWN | Select next segment in sutta
| sutta | CTRL-UP | Select first segment in sutta
| sutta | CTRL-DOWN | Select last segment in sutta
| sutta | SHIFT-UP | Select first segment in group or prior group
| sutta | SHIFT-DOWN | Select first segment in next group
| sutta | SPACE | Play current segment or stop existing playback
| sutta | ENTER | Play from current segment to end of sutta 
| tabs | LEFT-ARROW | Select previous tab 
| tabs | RIGHT-ARROW | Select next tab