#KeyboardNavigation
LightNews LightNews
frontenddogma.com
A11y 101: 2.1.1 Keyboard, by @nattarnoff.bsky.social:

https://tarnoff.info/2025/06/09/a11y-101-2-1-1-keyboard/

#introductions #accessibility #wcag #keyboardnavigation
A11y 101: 2.1.1 Keyboard
tarnoff.info
June 11, 2025 at 6:30 AM
frontenddogma.com
Inclusive Development Practices in Next.js Projects, by @webwhey.bsky.social (@dequesystems@mstdn.social):

https://www.deque.com/blog/inclusive-development-practices-in-next-js-projects/

#accessibility #nextjs #semantics #keyboardnavigation #aria
Inclusive Development Practices in Next.js Projects
www.deque.com
June 12, 2025 at 6:30 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
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
frontenddogma.com
Foundations: Keyboard Accessibility, by @tetralogical@a11y.social:

https://tetralogical.com/blog/2025/05/09/foundations-keyboard-accessibility/

#fundamentals #accessibility #keyboardnavigation #focus #html
Foundations: Keyboard Accessibility
tetralogical.com
May 14, 2025 at 6:30 AM
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
frontenddogma.com
Tabindex: What It Is, How It Works, and When to Use It, by @popetech.bsky.social:

https://blog.pope.tech/2025/07/01/tabindex-what-it-is-how-it-works-and-when-to-use-it/

#html #focus #keyboardnavigation #accessibility
Tabindex: What it is, how it works, and when to use it - Pope Tech Blog
Learn what tabindex is, how it works, its impact on accessibility, and when to use it.
blog.pope.tech
July 13, 2025 at 7:30 AM
frontenddogma.com
A11y 101: 2.1.2 No Keyboard Trap, by @nattarnoff.bsky.social:

https://tarnoff.info/2025/06/16/a11y-101-2-1-2-no-keyboard-trap/

#introductions #accessibility #wcag #keyboardnavigation #focus
A11y 101: 2.1.2 No Keyboard Trap
tarnoff.info
June 29, 2025 at 7:30 AM
frontenddogma.com
Fast, Simple, High Impact: DIY Accessibility Testing for Any Team, by @a11y.is:

https://a11y.is/articles/fast-simple-high-impact-diy-accessibility-testing-for-any-team/

#accessibility #testing #keyboardnavigation
Fast, Simple, High Impact: DIY Accessibility Testing for Any Team
Improve accessibility without slowing down your workflow. Learn three quick, free checks anyone can do to catch issues early—no special tools or technical skills required.
a11y.is
August 5, 2025 at 8:28 PM
frontenddogma.com
Top 5 Web Accessibility Issues in 2024 (and How to Fix Them), by @intopia@mastodon.social:

https://intopia.digital/articles/top-5-web-accessibility-issues-2024/

#accessibility #semantics #focus #keyboardnavigation #contrast
Top 5 web accessibility issues in 2024 (and how to fix them) - Intopia
Based on Intopia's accessibility audits of nearly 200 websites in 2024, here are the top 5 web accessibility issues, and how to fix them.
intopia.digital
July 7, 2025 at 8:37 PM
frontenddogma.com
A Primer on Focus Trapping, by @zellwk.bsky.social (@csstricks@mastodon.social):

https://css-tricks.com/a-primer-on-focus-trapping/

#introductions #focus #keyboardnavigation #javascript #accessibility
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 because of the numerous parts to you got to manage.
css-tricks.com
July 30, 2025 at 7:28 PM
frontenddogma.com
Quick Accessibility Wins That Are Easy to Implement, by @kevinpowell@front-end.social:

https://www.youtube.com/watch?v=pJ0GPI7BMIs

#videos #accessibility #html #semantics #alttext #images #contrast #colors #keyboardnavigation #focus #skiplinks
Quick Accessibility Wins That Are Easy to Implement
www.youtube.com
April 8, 2025 at 7:30 AM
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
frontenddogma.com
Testing Methods: Focus Appearance, by @deconspray@mastodon.social:

https://www.dennisdeacon.com/web/accessibility/testing-methods-focus-appearance/

#accessibility #testing #wcag #focus #keyboardnavigation
Testing Methods: Focus Appearance - Dennis Deacon
Hybrid testing of WCAG 2.4.13 ensures visible, usable focus indicators for keyboard and assistive technology users.
www.dennisdeacon.com
December 20, 2025 at 1:30 PM
frontenddogma.com
How Keyboard Traps Impact Web Accessibility, by @a11ycollective@front-end.social:

https://www.a11y-collective.com/blog/keyboard-trap/

#accessibility #keyboardnavigation #focus #testing
How Keyboard Traps Impact Web Accessibility
Discover how keyboard traps affect accessibility and learn practical solutions to create barrier-free web navigation.
www.a11y-collective.com
July 25, 2025 at 3:30 PM
frontenddogma.com
Testing Methods: Focus Order, by @deconspray@mastodon.social:

https://www.dennisdeacon.com/web/accessibility/testing-methods-focus-order/

#accessibility #wcag #testing #focus #keyboardnavigation
Testing Methods: Focus Order - Dennis Deacon
Learn how WCAG 2.4.3 Focus Order improves navigation for all users & how hybrid testing ensures logical, inclusive & user-friendly experiences.
www.dennisdeacon.com
December 10, 2025 at 8:30 AM
frontenddogma.com
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
frontenddogma.com
Focus Not Obscured, by @tafokina.bsky.social:

https://a11y-blog.dev/en/articles/wcag-focus-not-obscured/

#accessibility #focus #keyboardnavigation #wcag
Focus not obscured
Let’s read the WCAG 2.2 criteria on not-obscured focused elements together. First, take a look at examples with barriers and without them. Then, try to understand how to test all of this.
a11y-blog.dev
August 26, 2025 at 7:30 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
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
frontenddogma.com
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
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
frontenddogma.com
Foundations: Types of Assistive Technology and Adaptive Strategies, by @tetralogical@a11y.social:

https://tetralogical.com/blog/2025/07/28/foundations-types-of-assistive-technology-and-adaptive-strategies/

#fundamentals #assistivetech #screenreaders #screenmagnification #keyboardnavigation
Foundations: types of assistive technology and adaptive strategies - TetraLogical
This post provides an overview of common assistive technologies (AT) used by people with seeing, hearing, moving, and thinking disabilities. It also explains what adaptive strategies are, and how these approaches work together to support accessibility and inclusive experiences.
tetralogical.com
August 7, 2025 at 6:30 AM
frontenddogma.com
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
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