Tab, Shift+Tab, Enter, Space: The Core Keys
How keyboard users move and activate controls.
Tab, Shift+Tab, Enter, Space: The Core Keys is a free Web Accessibility Academy lesson on CoddyKit — lesson 1 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Web Accessibility Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
No Mouse, No Problem
Lots of people never touch a mouse. They drive the whole web with the keyboard, so every control you build must work with keys alone. ⌨️
Tab Moves Forward
The single most important key is Tab. Each press jumps focus to the next interactive thing: a link, button, or form field.
Shift+Tab Moves Back
Pressed something too fast? Shift+Tab walks focus backward to the previous control, so users can always step back where they came from.
Enter Follows a Link
When focus lands on a link, Enter activates it. It is the keyboard's version of clicking that anchor to go somewhere new.
Buttons Take Enter and Space
A real button is special: it fires on both Enter and Space. That dual support is something you get for free from the native element.
<button type="button">Save changes</button>Space Toggles Checkboxes
On a checkbox or radio, Space is the toggle key. Tab to it, press Space, and the checked state flips on or off.
<input type="checkbox" id="news"> <label for="news">Email me</label>Native Elements Just Work
Here is the gift: native links, buttons, and inputs respond to these keys automatically. You do not wire any of it up yourself.
A div Is Not Focusable
Build a fake button from a div and Tab skips right past it. Plain divs and spans are invisible to keyboard users.
<div class="btn" onclick="save()">Save</div>Try It Yourself Right Now
Open any page and press Tab a few times. Watch the highlight hop from control to control. That is exactly the path a keyboard user takes.
Arrows Move Inside a Group
Within a set of radio buttons, the arrow keys move between options, while Tab jumps the whole group at once. Different keys, different jobs.
Keys Match Expectations
Users carry these habits everywhere, so honor them. A control that ignores Enter or Space simply feels broken to a keyboard user.
Quick Check
Think about how each key behaves on a native control.
Recap: The Core Keys
You learned the keyboard basics: Tab and Shift+Tab to move, Enter to follow links, and Enter or Space to fire buttons. Native elements deliver it all for free. ✅
Frequently asked questions
Is the “Tab, Shift+Tab, Enter, Space: The Core Keys” lesson free?
Yes — the full text of “Tab, Shift+Tab, Enter, Space: The Core Keys” is free to read here on the web, and the Web Accessibility Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Web Accessibility Academy course, upgrade to CoddyKit PRO.
What will I learn in “Tab, Shift+Tab, Enter, Space: The Core Keys”?
How keyboard users move and activate controls. You practise Web Accessibility Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Web Accessibility Academy?
No prior experience is required. Web Accessibility Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Tab, Shift+Tab, Enter, Space: The Core Keys” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Web Accessibility Academy lesson?
Yes. Every Web Accessibility Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Tab, Shift+Tab, Enter, Space: The Core Keys
- Visible Focus: Never Hide the Outline
- Logical Tab Order Follows the Content
- Spotting Keyboard Traps