# Improved keyboard shortcut hints on education dialog

**URL:** https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337
**Category:** Announcements
**Tags:** new-feature, keyboard-shortcuts
**Created:** [18.Август.2017 19:26:36 UTC](https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337 "2017-08-18T19:26:36Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [18.Август.2017 19:26:36 UTC](https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337/1 "2017-08-18T19:26:36Z")

</div>

A nice little change was proposed by @supermathie and @sam – indicate the keyboard shortcut for close on our editor education panels:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/6/e6e4cba498f2d941f5dd151097fa88beea36edc8.png)

Since these are **desktop only** CSS rules they wouldn’t affect mobile, and arguably since more people have the keyboard option on iPad every day, it is still relevant on iPad and other touch devices too.

I think there are other opportunities for ambient indication of return and esc options in the UI, too.. but this is the lowest hanging 🍇

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [19.Август.2017 04:11:14 UTC](https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337/2 "2017-08-19T04:11:14Z")

</div>

Ok this is live now on latest courtesy @sam

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/d/4dff0de8af120ca287f4c71c2d57b79f4f227d15.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [20.Август.2017 08:32:15 UTC](https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337/3 "2017-08-20T08:32:15Z")

</div>

Another example, on dialogs:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/5/7578f89acd100e149354b67d8acaf63449556f18.png)

Compared to how we do it, on mouseover / tooltip

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/5/05a7f2415d9a13ff3f53ab0d81bcfc0576a763b9.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [01.Декабрь.2023 10:38:28 UTC](https://meta.discourse.org/t/improved-keyboard-shortcut-hints-on-education-dialog/68337/4 "2023-12-01T10:38:28Z")

</div>