---
title: Keyboard keys
description: Format keyboard key references.
image: https://developers.cloudflare.com/cf-twitter-card.png
---

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt  
> Use this file to discover all available pages before exploring further.

[Skip to content](#%5Ftop) 

# Keyboard keys

## Wording

* Use **select** instead of **click** when directing users to choose or select objects, commands, or options.
* Use **press** only when referring to pressing keys on a keyboard.

## Formatting keyboard shortcuts

When telling readers what keyboard shortcuts to use to achieve a result:

* Place the keyboard shortcut in between backticks (monospace formatting)
* Use uppercase letters with the abbreviated version of the key (`CTRL` instead of `CONTROL`, `CMD` instead of `COMMAND`for example)
* Wrap the complete keyboard shortcut in between backticks, including the plus sign:  
   * **Do**:  
```  
`CTRL + C`  
```  
   * **Don't**:  
```  
`CTRL` + `C`  
```
* Do not use the old `<kbd></kbd>` component

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/style-guide/","name":"Style Guide"}},{"@type":"ListItem","position":3,"item":{"@id":"/style-guide/formatting/","name":"Formatting"}},{"@type":"ListItem","position":4,"item":{"@id":"/style-guide/formatting/keyboard-keys/","name":"Keyboard keys"}}]}
```