#keyboardnavigation — Public Fediverse posts

Why Keyboard Users Can’t Scroll Your Overflow Containers, by @csstricks:

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, by @csstricks:

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, by @csstricks:

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, by @csstricks:

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, by @csstricks:

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

#accessibility #keyboardnavigation #overflow #scrolling

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 #accessibility

A Guide to Accessible Focus Indicators, by @popetech.bsky.social:

https://blog.pope.tech/2026/03/04/a-guide-to-accessible-focus-indicators/

#guides #accessibility #focus #keyboardnavigation #css

Does Your Navigation Need an ARIA Menu? Probably Not, by @popetech.bsky.social:

https://blog.pope.tech/2026/02/10/does-your-navigation-need-an-aria-menu-probably-not/

#accessibility #navigation #aria #keyboardnavigation

Accessibility, by @bogdanlazar.com and @mgifford (@httparchive.org):

https://almanac.httparchive.org/en/2025/accessibility

#webalmanac #studies #research #metrics #accessibility #colors #contrast #zooming #scaling #internationalization #keyboardnavigation #skiplinks #forms #labels #placeholders #multimedia #images #aria #overlays #ai

Accessibility, by @bogdanlazar.com and @mgifford (@httparchive.org):

https://almanac.httparchive.org/en/2025/accessibility

#webalmanac #studies #research #metrics #accessibility #colors #contrast #zooming #scaling #internationalization #keyboardnavigation #skiplinks #forms #labels #placeholders #multimedia #images #aria #overlays #ai

Accessibility, by @bogdanlazar.com and @mgifford (@httparchive.org):

https://almanac.httparchive.org/en/2025/accessibility

#webalmanac #studies #research #metrics #accessibility #colors #contrast #zooming #scaling #internationalization #keyboardnavigation #skiplinks #forms #labels #placeholders #multimedia #images #aria #overlays #ai

Accessibility, by @bogdanlazar.com and @mgifford (@httparchive.org):

https://almanac.httparchive.org/en/2025/accessibility

#webalmanac #studies #research #metrics #accessibility #colors #contrast #zooming #scaling #internationalization #keyboardnavigation #skiplinks #forms #labels #placeholders #multimedia #images #aria #overlays #ai

Accessibility, by @bogdanlazar.com and @mgifford (@httparchive.org):

https://almanac.httparchive.org/en/2025/accessibility

#webalmanac #studies #research #metrics #accessibility #colors #contrast #zooming #scaling #internationalization #keyboardnavigation #skiplinks #forms #labels #placeholders #multimedia #images #aria #overlays #ai

5 Accessibility Checks to Run on Every Component, by @hdv (@zeroheight):

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

#accessibility #components #testing #keyboardnavigation #designtokens #microcontent #zooming #screenreaders

5 Accessibility Checks to Run on Every Component, by @hdv (@zeroheight):

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

#accessibility #components #testing #keyboardnavigation #designtokens #microcontent #zooming #screenreaders

5 Accessibility Checks to Run on Every Component, by @hdv (@zeroheight):

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

#accessibility #components #testing #keyboardnavigation #designtokens #microcontent #zooming #screenreaders

5 Accessibility Checks to Run on Every Component, by @hdv (@zeroheight):

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

#accessibility #components #testing #keyboardnavigation #designtokens #microcontent #zooming #screenreaders

5 Accessibility Checks to Run on Every Component, by @hdv (@zeroheight):

https://zeroheight.com/blog/5-accessibility-checks-to-run-on-every-component/

#accessibility #components #testing #keyboardnavigation #designtokens #microcontent #zooming #screenreaders

Testing Methods: On Focus, by @deconspray:

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

#accessibility #testing #wcag #forms #focus #keyboardnavigation

Testing Methods: Focus Appearance, by @deconspray:

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

#accessibility #testing #wcag #focus #keyboardnavigation #linklists

Testing Methods: Focus Order, by @deconspray:

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

#accessibility #wcag #testing #focus #keyboardnavigation #linklists

Testing Methods: Focus Not Obscured (Enhanced), by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-focus-not-obscured-enhanced/

#accessibility #testing #wcag #focus #keyboardnavigation

Testing Methods: Bypass Blocks, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-bypass-blocks/

#accessibility #wcag #testing #keyboardnavigation

Testing Methods: Focus Not Obscured (Minimum), by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-focus-not-obscured-minimum/

#accessibility #testing #wcag #focus #keyboardnavigation

Testing Methods: Focus Visible, by @deconspray:

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

#accessibility #wcag #testing #focus #keyboardnavigation #linklists

A11y 101: 2.4.7 Focus Visible, by @nattarnoff.bsky.social:

https://tarnoff.info/2025/11/17/a11y-101-2-4-7-focus-visible/

#introductions #accessibility #wcag #focus #keyboardnavigation

Testing Methods: No Keyboard Trap, by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-no-keyboard-trap/

#accessibility #testing #wcag #keyboardnavigation

Testing Methods: Keyboard (No Exception), by @deconspray:

https://www.dennisdeacon.com/web/accessibility/testing-methods-keyboard-no-exception/

#accessibility #testing #keyboardnavigation

Understanding Focus Indicators for Web Accessibility, by @a11ycollective:

https://www.a11y-collective.com/blog/focus-indicator/

#accessibility #focus #keyboardnavigation #wcag #compliance

Focus Not Obscured, by @tafokina.bsky.social:

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

#accessibility #focus #keyboardnavigation #wcag

A Small Change to Improve Browsers for Keyboard Navigation

https://b.43z.one/2025-07-22/

#HackerNews #A #Small #Change #to #Improve #Browsers #for #Keyboard #Navigation

browserimprovement #keyboardnavigation #accessibility #webdevelopment #userexperience

Foundations: Types of Assistive Technology and Adaptive Strategies, by @TetraLogical:

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

#fundamentals #assistivetech #screenreaders #screenmagnification #keyboardnavigation #tooling #accessibility

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

A Primer on Focus Trapping, by @zellwk.bsky.social (@csstricks):

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

#introductions #focus #keyboardnavigation #javascript #accessibility

How Keyboard Traps Impact Web Accessibility, by @a11ycollective:

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

#accessibility #keyboardnavigation #focus #testing

Managing Focus and Visible Focus Indicators: Practical Accessibility Guidance for the Web, by @TPGi:

https://www.tpgi.com/managing-focus-and-visible-focus-indicators-practical-accessibility-guidance-for-the-web/

#accessibility #focus #keyboardnavigation #wcag

It’s All About (Accessibility) Focus and Compose, by @eevis:

https://eevis.codes/blog/2025-07-07/its-all-about-accessibility-focus-and-compose/

#accessibility #focus #keyboardnavigation #components

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

Top 5 Web Accessibility Issues in 2024 (and How to Fix Them), by @intopia:

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

#accessibility #semantics #focus #keyboardnavigation #contrast #colors

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

Inclusive Development Practices in Next.js Projects, by @webwhey.bsky.social (@dequesystems):

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

#accessibility #nextjs #semantics #keyboardnavigation #aria #alttext #localization #performance #tooling

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

What Does It Really Mean for a Site to Be Keyboard Navigable, by @smashingmag:

https://www.smashingmagazine.com/2025/04/what-mean-site-be-keyboard-navigable/

#accessibility #keyboardnavigation #focus #skiplinks

Quick Accessibility Wins That Are Easy to Implement, by @kevinpowell:

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

#videos #accessibility #html #semantics #alttext #images #contrast #colors #keyboardnavigation #focus #skiplinks

So today I created a YouTube channel for accessibility and digital media.

This video is the first in a series about accessibility, each about a minute long.

Navigating with a Keyboard
https://youtu.be/1712GJozz7I

#a11y #microlearning #accessibility #KeyboardA11Y #keyboardNavigation

Anyone knows how to make #flarum forum more #accesible for #screenreaders and #KeyboardNavigation?

A Friend had to leave the community we are both in, cause he became visually impaired recently. So I tried #flarum with a screenreader and its not really usable.

I think a skip to content link could be a start, because I had to go through the complete sidebar navigation.

Searching for important features to send to the forum admin (I am not admin neither a dev).