# Accessibility Keyboard Shortcuts

{% embed url="<https://www.youtube.com/watch?v=VCbtjm72E8Y>" %}

{% tabs %}
{% tab title="About" %}
Beefree SDK’s builders are fully keyboard navigable to help your business meet accessibility requirements.
{% endtab %}

{% tab title="Transcript" %}
Reference the full transcript for this video in the following section.

```
1
00:00:00,690 --> 00:00:03,540
Our editor is fully operable
with just a keyboard.

2
00:00:04,260 --> 00:00:07,950
In this screen recording, I insert
an image block towards the top of the

3
00:00:07,950 --> 00:00:10,740
page, as well as a social
block to the footer.

4
00:00:18,180 --> 00:00:19,080
All interactive

5
00:00:19,080 --> 00:00:23,370
elements are ordered intuitively so
that as you traverse the UI using

6
00:00:23,370 --> 00:00:26,640
just the keys like tab shift tab.

7
00:00:27,090 --> 00:00:28,710
Enter and the arrow keys,

8
00:00:29,040 --> 00:00:30,540
the flow feels very natural.

9
00:00:41,160 --> 00:00:44,965
After placing the social block, I then
reorder some of the icons to my liking.

10
00:00:50,430 --> 00:00:50,910
We also

11
00:00:50,910 --> 00:00:56,820
use clear CSS focus styles to highlight
which element in the UI or template is

12
00:00:56,820 --> 00:01:00,925
currently active so users can see where
they are on the stage at any point.

```

{% endtab %}
{% endtabs %}