Accessibility Keyboard Shortcuts
Learn more about accessibility keyboard shortcuts within Beefree SDK.
Beefree SDK’s builders are fully keyboard navigable to help your business meet accessibility requirements.
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.
Last updated
Was this helpful?