From 9b241e630c37b31281d8254e1ddccd86433ec335 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Wed, 17 Jun 2020 17:31:37 +0300
Subject: [PATCH] Backport #31070

* Make example less broken-looking

don't want to give impression that now it's ok to just sprinkle `role="button"` around. this at least makes the `span` keyboard-focusable, similar to at least the start of a custom control
---
 site/docs/4.5/content/reboot.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/docs/4.5/content/reboot.md b/site/docs/4.5/content/reboot.md
index 2f0904f3f1..712e3d11f4 100644
--- a/site/docs/4.5/content/reboot.md
+++ b/site/docs/4.5/content/reboot.md
@@ -303,7 +303,7 @@ These changes, and more, are demonstrated below.
 Reboot includes an enhancement for `role="button"` to change the default cursor to `pointer`. Add this attribute to elements to help indicate elements are interactive. This role isn't necessary for `<button>` elements, which get their own `cursor` change.
 
 {% capture example %}
-<span role="button">Non-button element button</span>
+<span role="button" tabindex="0">Non-button element button</span>
 {% endcapture %}
 {% include example.html content=example %}