#KeyboardNavigation
LightNews LightNews
dxsrc.org
Focus Indicators: WCAG Requirements and Best Practices, by @levelaccess.bsky.social:

https://www.levelaccess.com/blog/focus-indicators-wcag-requirements-and-best-practices/?ref=frontenddogma.com

#accessibility #focus #keyboardnavigation #wcag #bestpractices
Focus Indicators: WCAG Requirements and CSS Best Practices
A focus indicator marks which element has keyboard focus, and WCAG covers it at two levels. Learn which criteria apply and how to build one in CSS.
www.levelaccess.com
October 19, 2026 at 3:30 PM
dxsrc.org
Designing Accessible Keyboard Focus States With CSS, by @hackernoon@mas.to:

https://hackernoon.com/designing-accessible-keyboard-focus-states-with-css?ref=frontenddogma.com

#accessibility #keyboardnavigation #focus #css
Designing Accessible Keyboard Focus States With CSS | HackerNoon
Removing CSS focus outlines can make keyboard navigation difficult or impossible. Here’s what WCAG requires and how to style focus states accessibly.
hackernoon.com
October 2, 2026 at 10:30 PM
metadrop.bsky.social
New article about accessibility: "Keyboard navigation accessibility: what WCAG requires and how to check your website"

metadrop.net/en/articles/...

#accessibility #KeyboardNavigation
September 30, 2026 at 2:23 PM
dxsrc.org
Does This Menu Work With Keyboard? the Surprising Number of Big Brands That Fail, by (not on Mastodon or Bluesky):

https://a11yblog.com/2026/08/18/does-this-menu-work-with-keyboard-the-surprising-number-of-big-brands-that-fail/?ref=frontenddogma.com

#accessibility #keyboardnavigation #examples
Does this menu work with keyboard? The surprising number of big brands that fail
One of the simplest accessibility checks when landing on a website is to Tab through and see if the website works with keyboard. Let’s look at some major brands and see which ones pass this simple test just for their main menu. Why does it need to work with keyboard? Not all people navigate with …
a11yblog.com
August 27, 2026 at 2:30 PM
deconspray.bsky.social
Automated accessibility tools miss more than you think. Manual keyboard testing closes that gap. Great beginner's guide by Ilknur Eren on SitePoint.

www.sitepoint.com/ac...

#WebAccessibility #A11y #KeyboardNavigation #InclusiveDesign #FrontendDevelopment #WebDev
A Beginner’s Guide to Manual Accessibility Testing with Keyboard Navigation
Learn the 5 essential keyboard commands — Tab, Shift+Tab, Enter, Spacebar, and Arrow Keys — that developers and designers need to manually test website accessibility for screen reader users.
www.sitepoint.com
April 15, 2026 at 6:15 PM
deconspray.bsky.social
Ditch your mouse for a day and you’ll see your site in a new way. Manuel Matuzovic’s article zooms in on keyboard‑only use to uncover hidden accessibility gaps. What did you find when you tabbed through your UI?

buff.ly/ajsQbwj

#A11y #InclusiveDesign #KeyboardNavigation #DigitalAccessibility
I Threw Away my Mouse - 24 Accessibility
Manuel Matuzovic shares how he ditched his mouse, going keyboard-only. He shares the results of his research and the issues that impact keyboard-only users.
www.24a11y.com
December 16, 2025 at 5:51 PM
deconspray.bsky.social
Focus visibility matters in accessibility. Nat Tarnoff shows why clear focus states are non-negotiable for keyboard users. How visible is focus in your design? Read & share...

tarnoff.info/2025/11/17/a...

#DigitalAccessibility #DigitalInclusion #A11y #UXDesign #KeyboardNavigation
A11y 101: 2.4.7 Focus Visible
Disabilities come in all sorts. So do users. Some users can manipulate a mouse. Some rely on keyboard alone. Others have assistive technology. When you use a mouse, where your mouse is located is v…
tarnoff.info
November 21, 2025 at 5:30 PM
deconspray.bsky.social
Keyboard shortcuts are key to accessible design. Explore testing methods, automation, AI, and why manual checks still matter.

www.dennisdeacon.com/web/accessib...

#DigitalAccessibility #KeyboardNavigation #WCAG #AccessibilityTesting #UX #A11y
Testing Methods: Character Key Shortcuts
WCAG 2.1.4 ensures single-character keyboard shortcuts can be disabled or remapped to prevent accidental activation, supporting speech users, keyboard users with dexterity challenges, and those with cognitive disabilities. A hybrid testing approach; automation, AI, and manual review, ensures accurate, inclusive evaluation.
www.dennisdeacon.com
November 8, 2025 at 12:30 PM
deconspray.bsky.social
All interactions, zero exceptions. Keyboard operability is essential. Explore how automation finds quick wins, AI flags complex patterns & manual testing confirms real-world #accessibility.

www.dennisdeacon.com/web/accessib...

#InclusiveDesign #WCAG #DigitalAccessibility #KeyboardNavigation #A11y
Testing Methods: Keyboard (No Exception) - Dennis Deacon
Explore WCAG 2.1.3 Keyboard (No Exception), why hybrid testing is key to ensuring all digital functionality works without a mouse.
www.dennisdeacon.com
November 4, 2025 at 12:30 PM
deconspray.bsky.social
Keyboard users shouldn’t get stuck. My new article on No Keyboard Trap shows why real-world testing matters beyond code checks.

www.dennisdeacon.com/web/accessib...

#DigitalAccessibility #InclusiveDesign #WCAG #A11yTesting #KeyboardNavigation #A11y #KeyboardTesting
Testing Methods: No Keyboard Trap - Dennis Deacon
Learn how automation, AI, and manual testing combine to meet WCAG 2.1.2 No Keyboard Trap and deliver seamless, accessible navigation.
www.dennisdeacon.com
October 28, 2025 at 11:30 AM
deconspray.bsky.social
Check out Joseph Dolson’s Accessibility Show #8 for tips, insights, and why every site should work without a mouse.

www.joedolson.com/2025/09/the-...

#DigitalAccessibility #A11y #UX #WebAccessibility #Keyboard #KeyboardNavigation
The Accessibility Show #8: Keyboard, keyboard, who's got a keyboard.... - Joe Dolson Web Accessibility
Accessibility Show number eight was a fun one. For most shows, I've searched out specific sites that demonstrate particular problems so that we can
www.joedolson.com
September 26, 2025 at 4:31 PM
deconspray.bsky.social
Zell Liew’s post offers a clear and practical guide to managing focus within interactive UI elements.

css-tricks.com/a-primer-on-...

#Accessibility #A11y #UXDesign #WebDev #InclusiveDesign #KeyboardNavigation #CSSTricks #FocusTrap #DigitalAccessibility
A Primer on Focus Trapping | CSS-Tricks
Focus trapping is about managing focus within an element, such that focus always stays within it. The whole process sounds simple in theory, but it can quite difficult to build in practice, mostly…
css-tricks.com
August 1, 2025 at 11:42 AM
handle.invalid
Move your cursor swiftly & efficiently without using a mouse! On your Chromebook, use Ctrl + Arrow keys to navigate. Perfect for hardware issues or when you need more control! #ChromebookTips #KeyboardNavigation #MouselessProductivity
How to Control the Mouse Cursor Using Keyboard in Chromebook - Make Tech Easier
If you encounter hardware failures or issues with the trackpad, you can still navigate using the keyboard on your Chromebook.
www.maketecheasier.com
March 20, 2025 at 3:37 PM
daspuppy.de
Im Prinzip: Ja.

Aber: Danke für den Aufzug, die Rampe, die Rolltreppe, den Blindenstreifen, Braille auf öffentlichen Schildern, Keyboardnavigation auf Webseiten, Ausgleich, und und und..

Bin der Meinung fehlender Alt-Text sollte outgecalled werden. Bare Minimum für Minderheiten zu loben.. komisch.
August 15, 2026 at 9:20 PM
catherinedionne.bsky.social
​Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial.

www.smashingmagazine.com/2025/04/what...

#Accessibility #UXDesign #KeyboardNavigation #InclusiveDesign #WebAccessibility
What Does It Really Mean For A Site To Be Keyboard Navigable — Smashing Magazine
Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment.
www.smashingmagazine.com
April 25, 2025 at 6:00 PM
whatpulse.org
Many typing errors occur during transitions between different keyboard zones. Practice moving between home row, top row, and bottom row deliberately. #KeyboardNavigation
September 9, 2025 at 7:40 AM
jameswalshxyz.bsky.social
✅ SUCCESS #2: AI Mapped Enterprise Keyboard Nav.

I used Google Gemini to map out the full keyboard pattern for a complex enterprise app. It gave us a strong, standards-based head start, saving days of foundational planning.

#EnterpriseDesign #KeyboardNavigation #ProductDesign #AIinUX #Usability
November 28, 2025 at 8:15 PM
articleforu.bsky.social
Creating Accessible Forms: How to Improve Focus States in WordPress #UX #accessibilitybestpractices #accessibleforms #assistivetechnology #CSSaccessibility #focusstates #formdesign #FrontendDevelopment #inclusivedesign #keyboardnavigation #userexperience #WebAccessibility #webdesigntips #wordpress #
Creating Accessible Forms: How to Improve Focus States in WordPress - Article For U
Enhance your WordPress forms by improving focus states, boosting accessibility for 1 in 5 users with disabilities. Clear visual cues create seamless navigation and inclusivity, driving higher engagement and satisfaction.
articleforu.com
June 26, 2026 at 3:05 AM
careerviewxr.bsky.social
Pardon our dust, we're making CareerViewXR even better! 🧹🚧 Over the summer months, we're upgrading each web-based #FieldTrip to our new, more #accessible interface.

Learn more: careerviewxr.bemorecolorful.com/cvxr-news/ca... #Accessibility #KeyboardNavigation #ImmersiveMedia #XR #VR #Education
June 4, 2026 at 5:25 PM
dxsrc.org
Tabbed Interfaces, by @webaim@mastodon.social:

https://webaim.org/techniques/tabs/?ref=frontenddogma.com

#navigation #designpatterns #keyboardnavigation #accessibility
WebAIM: Tabbed Interfaces
webaim.org
August 8, 2026 at 8:30 AM
dxsrc.org
Clickable Table Rows Are a Bad Idea, by @tempertemper@mastodon.social:

https://www.tempertemper.net/blog/clickable-table-rows-are-a-bad-idea?ref=frontenddogma.com

#tables #accessibility #keyboardnavigation #html
Clickable table rows are a bad idea
Whole table rows might feel like obvious candidates to be clickable areas, but making them interactive creates real accessibility problems.
www.tempertemper.net
July 2, 2026 at 1:30 PM
dxsrc.org
A11y 101—3.2.1 On Focus, by @nattarnoff.bsky.social:

https://tarnoff.info/2026/06/08/a11y-101-3-2-1-on-focus/?ref=frontenddogma.com

#introductions #accessibility #wcag #focus #keyboardnavigation
A11y 101 – 3.2.1 On Focus
If I had a podcast, I would tell you to close your eyes and imagine the following. But this is a blog post… You’re walking down a hallway, hand out, ready to turn a doorknob. Your hand …
tarnoff.info
June 28, 2026 at 8:30 PM
dxsrc.org
Keyboard Accessibility: The Clearest Signal of Digital Maturity, by @deconspray@mastodon.social:

https://www.dennisdeacon.com/accessibility/keyboard-accessibility-the-clearest-signal-of-digital-maturity/?ref=frontenddogma.com

#accessibility #keyboardnavigation #focus
Keyboard Accessibility: The Clearest Signal of Digital Maturity - Dennis Deacon
Keyboard accessibility is a foundational standard, not an optional enhancement. Learn why it matters and how to build it into every release.
www.dennisdeacon.com
June 2, 2026 at 7:30 AM
dxsrc.org
Why Keyboard Users Can’t Scroll Your Overflow Containers, by @csstricks@mastodon.social:

https://css-tricks.com/why-keyboard-users-cant-scroll-your-overflow-containers/

#accessibility #keyboardnavigation #overflow #scrolling
Why Keyboard Users Can't Scroll Your Overflow Containers | CSS-Tricks
When a keyboard user Tabs into the table, its focus lands on a cell. Then they press the arrow keys to read across the row but nothing happens. Your screen reader users never noticed because they navigate the accessibility tree, not the scroll container.
css-tricks.com
May 12, 2026 at 7:30 AM
dxsrc.org
Focus Indicators 101: A Simple Guide for Developers, by @popetech.bsky.social:

https://www.youtube.com/watch?v=uT-MWywxv74

#videos #introductions #guides #focus #keyboardnavigation
Focus indicators 101: A simple guide for developers
A lot of developers accidentally break keyboard navigation with outline: none. Here is how you can restore it while maintaining your site's aesthetic.For mor...
www.youtube.com
April 10, 2026 at 2:30 PM