https://www.codeslog.com/en/tags/screen-reader/ Recent content in Screen-Reader on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 en-US Sat, 24 Oct 2026 01:20:00 +0900 https://www.codeslog.com/en/posts/spa-focus-management/ Tue, 15 Sep 2026 11:26:00 +0900 https://www.codeslog.com/en/posts/spa-focus-management/ Why screen readers stay silent after SPA route changes, and how to fix it in React and Next.js with focus management, aria-live, and focus restoration patterns. https://www.codeslog.com/en/posts/aria-live-status-messages/ Wed, 02 Sep 2026 01:24:30 +0900 https://www.codeslog.com/en/posts/aria-live-status-messages/ How do screen readers handle aria-live status messages? A demo-driven look at WCAG 4.1.3, polite vs. assertive, debounce timers, and icon or sound status. https://www.codeslog.com/en/posts/aria-live-regions/ Wed, 02 Sep 2026 01:14:30 +0900 https://www.codeslog.com/en/posts/aria-live-regions/ You added aria-live correctly, but the screen reader stays silent. Why the container must exist before its content, and when to use focus instead. https://www.codeslog.com/en/posts/wcag-3-accessibility-support-sets/ Wed, 19 Aug 2026 18:20:00 +0900 https://www.codeslog.com/en/posts/wcag-3-accessibility-support-sets/ WCAG 3's March 2026 draft structures accessibility-support sets into a formal clause (§3.2.2) — what its English default leaves blank for Korea's Sense Reader. https://www.codeslog.com/en/posts/daoncard-a11y-card-family-month/ Fri, 08 May 2026 23:25:57 +0900 https://www.codeslog.com/en/posts/daoncard-a11y-card-family-month/ Digital cards are often unusable with a screen reader or low vision. Daon Card (daoncard.com) is a free WCAG 2.2 AA card service I built, with real-time contrast checks and keyboard support. https://www.codeslog.com/en/posts/form-accessibility-mastery/ Sat, 11 Apr 2026 00:00:00 +0900 https://www.codeslog.com/en/posts/form-accessibility-mastery/ A complete guide to form accessibility based on WCAG 2.2 — from label associations and ARIA usage to error handling and keyboard navigation. Learn with a live demo. https://www.codeslog.com/en/posts/google-antigravity-accessibility/ Tue, 17 Mar 2026 16:00:00 +0900 https://www.codeslog.com/en/posts/google-antigravity-accessibility/ An accessibility teardown of Google Antigravity's homepage: wrapping every letter in its own div breaks screen readers and browser translation. Covers WCAG violations, ADA context, and fixes. https://www.codeslog.com/en/posts/aria-practical-guide/ Thu, 22 Jan 2026 02:00:00 +0900 https://www.codeslog.com/en/posts/aria-practical-guide/ A practical guide to applying ARIA in real projects: when to use it and when not to, plus code patterns for aria-live regions, custom tab/accordion/dropdown widgets, and accessible modal dialogs. https://www.codeslog.com/en/posts/code-block-accessibility-improvement/ Fri, 09 Jan 2026 20:00:00 +0900 https://www.codeslog.com/en/posts/code-block-accessibility-improvement/ A record of improving code blocks on a Hugo PaperMod blog. We replaced table-based line numbers with CSS counters so screen reader users can read code without the noise of table markup — a more semantic, accessible approach.