Accessibility Keyboard Shortcuts
Learn more about accessibility keyboard shortcuts within Beefree SDK.
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.
Last updated
Was this helpful?