https://www.codeslog.com/en/posts/ Recent content in Posts 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 02:02:00 +0900 https://www.codeslog.com/en/posts/modal-dialog-implementation/ Sat, 24 Oct 2026 02:02:00 +0900 https://www.codeslog.com/en/posts/modal-dialog-implementation/ Compare dialog showModal() with a div modal: inert, focus trap, ESC, scroll lock, focus restoration, and why Tab leaves a dialog (measured in Chrome). https://www.codeslog.com/en/posts/wcag-3-conformance-vs-bronze-silver-gold/ Sun, 18 Oct 2026 00:13:44 +0900 https://www.codeslog.com/en/posts/wcag-3-conformance-vs-bronze-silver-gold/ WCAG 3 conformance vs. Bronze, Silver, Gold reporting tiers in the September 2026 draft: what differs, the four steps to claim one, and why no one can yet. https://www.codeslog.com/en/posts/lighthouse-agentic-browsing-accessibility/ Sat, 10 Oct 2026 23:55:00 +0900 https://www.codeslog.com/en/posts/lighthouse-agentic-browsing-accessibility/ On test pages, a div button no keyboard can press scored Accessibility 100 and Agentic Browsing 2/2. What the check sees, what it misses, and where agent tools split. https://www.codeslog.com/en/posts/act-rules-format-1-1/ Fri, 09 Oct 2026 00:45:00 +0900 https://www.codeslog.com/en/posts/act-rules-format-1-1/ Why do accessibility checkers disagree? I ran 558 approved W3C ACT Rules test cases (556 measurable) through axe-core and IBM Equal Access. https://www.codeslog.com/en/posts/webaim-million-2026-page-complexity/ Fri, 25 Sep 2026 23:35:52 +0900 https://www.codeslog.com/en/posts/webaim-million-2026-page-complexity/ WebAIM Million 2026's 22.5% jump in page complexity was a miscalculation; one-year growth was 14.3%. How to read DOM size, means, and error density. https://www.codeslog.com/en/posts/form-ux-validation/ Tue, 15 Sep 2026 11:31:00 +0900 https://www.codeslog.com/en/posts/form-ux-validation/ Forms that flash errors on focus, or stay silent until submit, fail users. Get validation timing, aria-invalid, and aria-describedby right for accessible forms. 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/google-forms-print-responses-printimg/ Fri, 11 Sep 2026 00:59:20 +0900 https://www.codeslog.com/en/posts/google-forms-print-responses-printimg/ Google Forms cuts charts or prints one page when you print responses. PrintImg splits a tall screenshot of the summary into clean A4 pages instead. https://www.codeslog.com/en/posts/wcag-3-draft-september-2026/ Thu, 10 Sep 2026 14:37:24 +0900 https://www.codeslog.com/en/posts/wcag-3-draft-september-2026/ WCAG 3 September 2026 Working Draft explained: one conformance line, Bronze/Silver/Gold as reporting tiers, and 216 requirements counted by hand. https://www.codeslog.com/en/posts/safari-top-level-await-fix/ Thu, 03 Sep 2026 11:25:33 +0900 https://www.codeslog.com/en/posts/safari-top-level-await-fix/ Reran WebKit's top-level await repro on Safari 26.6 and iOS 26.5. Past the ReferenceError, modules declared after a TLA one wait for it — loading doubled. https://www.codeslog.com/en/posts/claude-code-default-model-a11y/ Thu, 03 Sep 2026 11:01:31 +0900 https://www.codeslog.com/en/posts/claude-code-default-model-a11y/ Claude Code's default Fable model moved to 5.1. I ran 40 accessibility-blind prompts across four models and compared the modal and form code by hand. 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/kwcag-vs-wcag-3/ Wed, 19 Aug 2026 18:15:00 +0900 https://www.codeslog.com/en/posts/kwcag-vs-wcag-3/ Comparing KWCAG 2.2 (Korean Web Content Accessibility Guidelines) with WCAG 3 (3.0) on structure, conformance model, and timeline — and what it means for Korea. https://www.codeslog.com/en/posts/wcag-22-new-criteria/ Wed, 19 Aug 2026 18:10:00 +0900 https://www.codeslog.com/en/posts/wcag-22-new-criteria/ A code-first, try-it-yourself rundown of WCAG 2.2's 6 most-used new success criteria, plus the 3 AAA criteria and how KWCAG 2.2 and global standards stack up. https://www.codeslog.com/en/posts/web-accessibility-certification-guide/ Wed, 19 Aug 2026 18:05:00 +0900 https://www.codeslog.com/en/posts/web-accessibility-certification-guide/ A first-timer's guide to Korea's Web Accessibility Certification: why get it, KWCAG 2.2, review stages, pass lines, fees, and what it doesn't guarantee. https://www.codeslog.com/en/posts/kwcag-22-guide/ Wed, 19 Aug 2026 18:00:00 +0900 https://www.codeslog.com/en/posts/kwcag-22-guide/ KWCAG 2.2, Korea's national web accessibility standard: 4 principles, 14 guidelines, 33 checkpoints under KS X OT0003:2022, and why its revision year gets misreported. https://www.codeslog.com/en/posts/claude-code-notify-channels/ Tue, 18 Aug 2026 16:20:01 +0900 https://www.codeslog.com/en/posts/claude-code-notify-channels/ Get Claude Code alerts on Slack, Discord, or Telegram with attached files, dodge Slack webhook limits, Discord filename hashing, and back files up via rclone. https://www.codeslog.com/en/posts/claude-code-mail-notification/ Sun, 16 Aug 2026 13:50:17 +0900 https://www.codeslog.com/en/posts/claude-code-mail-notification/ Make Claude Code email you result files when a long task finishes: Gmail app passwords, msmtp with Keychain, attachments, hooks, and scheduled digests. https://www.codeslog.com/en/posts/markdown-ai-era/ Sat, 15 Aug 2026 01:00:27 +0900 https://www.codeslog.com/en/posts/markdown-ai-era/ What the CLAUDE.md, AGENTS.md, DESIGN.md, and llms.txt files in repositories actually do: who reads them, what to write, and where to find examples. https://www.codeslog.com/en/posts/markdown-syntax-guide/ Sat, 15 Aug 2026 01:00:27 +0900 https://www.codeslog.com/en/posts/markdown-syntax-guide/ A beginner's guide to Markdown syntax: the nine basics, three pitfalls everyone hits (line breaks, broken bold, dividers), and why Markdown is semantic HTML. https://www.codeslog.com/en/posts/scroll-driven-animation/ Wed, 12 Aug 2026 01:34:00 +0900 https://www.codeslog.com/en/posts/scroll-driven-animation/ Scroll-Driven Animation treats scroll not as an event but as the timeline itself. This post compares three implementations — native CSS, IntersectionObserver, and requestAnimationFrame — covering how each works, their tradeoffs, and accessibility. https://www.codeslog.com/en/posts/frontend-testing-wrap/ Sat, 08 Aug 2026 01:12:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-wrap/ Wrapping up the frontend testing series: the five layers stacked on one small app, what testing means for team culture and interviews, how to start on legacy code with no tests, and where to go next. https://www.codeslog.com/en/posts/frontend-testing-ai-pitfalls/ Fri, 07 Aug 2026 14:59:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-ai-pitfalls/ AI-written code is wrong in plausible ways. The accessibility and edge cases AI repeatedly drops, and how the test suite from this series reports each hole automatically — with a real before and after. https://www.codeslog.com/en/posts/frontend-testing-ai-playwright/ Thu, 06 Aug 2026 01:11:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-ai-playwright/ AI now drives the browser itself. A practical map of Playwright codegen and MCP agents: why Playwright MCP reads the accessibility tree rather than screenshots, and why self-healing selectors aren't a Playwright feature. https://www.codeslog.com/en/posts/frontend-testing-ai-generate/ Thu, 06 Aug 2026 00:46:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-ai-generate/ How good is AI at writing tests? Practical ways to generate and extend tests with LLMs, what AI reliably misses, and the checklist for trusting AI-written tests. https://www.codeslog.com/en/posts/browser-features-accessibility-2026/ Wed, 05 Aug 2026 15:07:00 +0900 https://www.codeslog.com/en/posts/browser-features-accessibility-2026/ A green support table doesn't mean everyone can use it. Here's a 2026 accessibility check on popover, anchor positioning, dialog, and view transitions — and what you still have to do yourself for each. https://www.codeslog.com/en/posts/frontend-testing-coverage-metrics/ Tue, 04 Aug 2026 09:08:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-coverage-metrics/ How should you read a coverage report, and how far should you trust it? The difference between line and branch coverage, finding untested forks, and the team-health metrics numbers can't show. https://www.codeslog.com/en/posts/wcag-3-status-2026/ Tue, 04 Aug 2026 09:08:00 +0900 https://www.codeslog.com/en/posts/wcag-3-status-2026/ Where WCAG 3 (3.0) stands in the March 2026 W3C Working Draft: the 12-category, 44-guideline structure, requirement counts, and the return of Bronze/Silver/Gold. https://www.codeslog.com/en/posts/frontend-testing-ci-github-actions/ Mon, 03 Aug 2026 01:59:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-ci-github-actions/ A pipeline where unit tests, E2E, and accessibility checks run on every PR. Set up a merge gate with GitHub Actions in one workflow file — CI beginners welcome, terms explained in three minutes. https://www.codeslog.com/en/posts/wcag-3-migration-strategy/ Mon, 03 Aug 2026 01:37:27 +0900 https://www.codeslog.com/en/posts/wcag-3-migration-strategy/ Do you need a WCAG 3 (3.0) migration yet? Why it is still a Working Draft, and a phased strategy for borrowing its Core and Outcomes mindset to improve accessibility today. https://www.codeslog.com/en/posts/eu-ai-act-accessibility/ Thu, 30 Jul 2026 01:02:04 +0900 https://www.codeslog.com/en/posts/eu-ai-act-accessibility/ The EU AI Act's high-risk obligations begin August 2, 2026. Article 16 ties accessibility to the Web Accessibility Directive and the European Accessibility Act — and how Korea's AI Basic Act compares. https://www.codeslog.com/en/posts/frontend-testing-visual-regression/ Wed, 29 Jul 2026 15:01:36 +0900 https://www.codeslog.com/en/posts/frontend-testing-visual-regression/ 'The feature works but the layout broke.' Catch what only eyes used to catch: implement visual regression tests with Playwright screenshot comparison, stable snapshots, and the environment trap to avoid. https://www.codeslog.com/en/posts/disability-pride-month-2026/ Tue, 28 Jul 2026 01:44:21 +0900 https://www.codeslog.com/en/posts/disability-pride-month-2026/ July is Disability Pride Month. Its ADA origins, a pride flag redesigned for accessibility, and what the 2026 theme means from a developer's seat. https://www.codeslog.com/en/posts/webaim-million-2026/ Tue, 28 Jul 2026 01:42:21 +0900 https://www.codeslog.com/en/posts/webaim-million-2026/ WebAIM Million 2026 scanned the top million home pages: errors per page rose to 56.1, up 10.1% in a year, reversing years of progress. Covers the top 6 recurring errors and the ARIA paradox. https://www.codeslog.com/en/posts/page-sampling-algorithm/ Tue, 28 Jul 2026 00:47:04 +0900 https://www.codeslog.com/en/posts/page-sampling-algorithm/ How do you pick which pages to audit out of thousands? A deterministic algorithm on WCAG-EM 2.0 stratified sampling — URL clustering finds representative pages without fetching a page body. https://www.codeslog.com/en/posts/frontend-testing-axe-e2e/ Mon, 27 Jul 2026 14:38:51 +0900 https://www.codeslog.com/en/posts/frontend-testing-axe-e2e/ Catch page-wide accessibility violations automatically, in a real browser. What axe-core is and how it works, how to integrate it into Playwright E2E, and what automation catches — and can't. https://www.codeslog.com/en/posts/wcag-em-2-evaluation-methodology/ Fri, 24 Jul 2026 10:05:57 +0900 https://www.codeslog.com/en/posts/wcag-em-2-evaluation-methodology/ W3C has published WCAG-EM 2.0, its accessibility evaluation methodology, twelve years after 1.0. What changed — from websites to apps, e-books and kiosks — the five-step procedure, sampling and random checks, and how it maps to Korea's certification. https://www.codeslog.com/en/posts/vercel-deployment-protection-zombie-task/ Fri, 24 Jul 2026 01:45:00 +0900 https://www.codeslog.com/en/posts/vercel-deployment-protection-zombie-task/ Right after launch, two audits sat stuck 'scanning' for hours. Two fixes I was sure of missed, and only the third found the real culprit — Vercel Deployment Protection was blocking an internal call with a 401. A serverless queue debugging story. https://www.codeslog.com/en/posts/a11ychk-accessibility-audit/ Thu, 23 Jul 2026 13:28:00 +0900 https://www.codeslog.com/en/posts/a11ychk-accessibility-audit/ Meet A11y Check, an open-source web accessibility checker. It audits against WCAG 2.2 and KWCAG together, finds violations, and hands you an AI-ready fix guide — plus a compliance badge, and why the engine is open source. https://www.codeslog.com/en/posts/frontend-testing-playwright-debug/ Wed, 22 Jul 2026 01:30:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-debug/ What do you look at when a test fails only on CI? Playwright's trace viewer and debugging tools track the real cause — with evidence, not guesswork — and turn retries into a signal instead of a fix. https://www.codeslog.com/en/posts/frontend-testing-playwright-fixtures/ Tue, 21 Jul 2026 01:25:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-fixtures/ Repeating the same setup in every test? Playwright's custom fixtures (base.extend) and Page Object pattern remove it, storageState logs in once, and fullyParallel keeps the suite fast and isolated. https://www.codeslog.com/en/posts/opacity-contrast-trap/ Tue, 21 Jul 2026 00:30:00 +0900 https://www.codeslog.com/en/posts/opacity-contrast-trap/ You put a dark gray in your CSS, yet the accessibility checker flags it for low contrast. The culprit is opacity. Here's how opacity mixes your text color into the background and quietly kills contrast — with a real case, the math, and the fix. https://www.codeslog.com/en/posts/frontend-testing-playwright-locators/ Sat, 18 Jul 2026 23:06:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-locators/ Why E2E tests fail only sometimes, and the actual fix. Understand Playwright locators, auto-wait, and strict mode, and cut flakiness at the root with robust selectors. https://www.codeslog.com/en/posts/high-contrast-mode/ Sat, 18 Jul 2026 22:47:00 +0900 https://www.codeslog.com/en/posts/high-contrast-mode/ Dark mode is about choosing colors; high contrast mode is about responding to the colors the OS forces. How to support low-vision users with the forced-colors media query, system color keywords, and prefers-contrast — with practical code. https://www.codeslog.com/en/posts/dark-mode-implementation/ Sat, 18 Jul 2026 02:44:00 +0900 https://www.codeslog.com/en/posts/dark-mode-implementation/ Design dark mode with CSS custom properties, implement prefers-color-scheme with JS toggle, and verify color contrast in both modes. A practical guide to dark mode that works for everyone. https://www.codeslog.com/en/posts/frontend-testing-playwright-intro/ Sat, 18 Jul 2026 02:25:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-intro/ E2E verifies whole user flows in a real browser. Install Playwright, understand the webServer config, and write and pass your first scenario — with a clear role split against unit and component tests. https://www.codeslog.com/en/posts/frontend-testing-a11y-queries/ Fri, 17 Jul 2026 01:37:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-a11y-queries/ A well-written test is an accessibility check. Use role-based queries and accessible names to catch accessibility regressions with the tests you already write — no new tools required. https://www.codeslog.com/en/posts/javascript-nullish-coalescing/ Tue, 14 Jul 2026 23:52:00 +0900 https://www.codeslog.com/en/posts/javascript-nullish-coalescing/ The decisive difference between the nullish coalescing operator (??) and || — it's why 0 and empty strings get swallowed by defaults. Falsy traps, ??= assignment, optional chaining combos, and why mixing the two throws a SyntaxError. https://www.codeslog.com/en/posts/frontend-testing-msw/ Tue, 14 Jul 2026 01:05:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-msw/ Calling a real API in tests is slow and unstable. Isolate the network layer with MSW (Mock Service Worker) and simulate success and failure responses at will — a real reception desk for your requests. https://www.codeslog.com/en/posts/eaa-carrefour-ruling/ Tue, 14 Jul 2026 00:40:00 +0900 https://www.codeslog.com/en/posts/eaa-carrefour-ruling/ A court in Caen gave Carrefour six months to fix its site and app or pay 500 euros a day — Europe's first EAA enforcement ruling. Why 71% RGAA conformity wasn't enough. https://www.codeslog.com/en/posts/frontend-testing-user-event/ Mon, 13 Jul 2026 23:39:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-user-event/ Reproduce real user interactions — typing, clicking, selecting — with user-event, and test forms and state changes from render to result, the way a user would actually drive them. https://www.codeslog.com/en/posts/frontend-testing-testing-library/ Fri, 10 Jul 2026 01:27:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-testing-library/ React Testing Library's core philosophy: test like a user. Learn the query priority built around getByRole, and how testing behavior instead of implementation makes tests survive refactoring. https://www.codeslog.com/en/posts/frontend-testing-test-doubles/ Fri, 10 Jul 2026 00:44:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-test-doubles/ mock, stub, spy, fake… the confusing test-double vocabulary, sorted out. Cover all three with a single Vitest vi.fn() (Jest is nearly identical), and learn the one rule for how much to fake. https://www.codeslog.com/en/posts/typescript-7-native-compiler/ Thu, 09 Jul 2026 23:05:00 +0900 https://www.codeslog.com/en/posts/typescript-7-native-compiler/ TypeScript 7 has shipped, reborn in Go. Real benchmarks (VSCode: 125s to 10s), the new strict-by-default config, side-by-side installs with 6.x — everything you need to decide whether to switch today. https://www.codeslog.com/en/posts/frontend-testing-async/ Wed, 08 Jul 2026 00:27:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-async/ Promises, setTimeout, and failure cases. Test async code with Vitest's resolves/rejects matchers and fake timers, building a debounce test — and see why a missing await lets a broken test pass anyway. https://www.codeslog.com/en/posts/frontend-testing-unit-basics/ Mon, 06 Jul 2026 00:20:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-unit-basics/ The sturdiest foundation there is: unit tests. Learn how to test pure functions, hunt edge cases, and structure every test with the AAA (Arrange-Act-Assert) pattern — with real-world examples. https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Sun, 05 Jul 2026 00:05:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Install Vitest and Testing Library in a React + Vite + TypeScript demo app and walk all the way to your first passing test — with the common setup pitfalls mapped out. https://www.codeslog.com/en/posts/frontend-testing-strategy-coverage/ Sat, 04 Jul 2026 22:34:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-strategy-coverage/ Are more tests always better? A guide to what deserves tests first, plus three traps that inflate coverage without protecting users: assert-less tests, snapshot piles, and implementation-detail spies. https://www.codeslog.com/en/posts/frontend-testing-glossary/ Sat, 04 Jul 2026 22:30:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-glossary/ From unit tests to flaky, fixtures, and MCP — every term in the Frontend Testing, Done Right series, explained for beginners and ordered the way you'll meet them. Bookmark this page and come back whenever a word looks unfamiliar. https://www.codeslog.com/en/posts/frontend-testing-why-now/ Fri, 03 Jul 2026 16:33:17 +0900 https://www.codeslog.com/en/posts/frontend-testing-why-now/ The faster AI writes code, the more testing matters. In this opener of the Frontend Testing, Done Right series, we cover what tests really give you, pyramid vs. trophy strategy, and the full curriculum ahead. https://www.codeslog.com/en/posts/dr-lee-pomodoro-timer/ Mon, 22 Jun 2026 01:30:00 +0900 https://www.codeslog.com/en/posts/dr-lee-pomodoro-timer/ An honest, self-bought review of the Dr. Lee Brain-Science Pomodoro Timer, developed by a KAIST PhD. I cover 7 things I liked and 3 I wish were better about this gravity-controlled digital flip timer — with a bit of accessibility thrown in. https://www.codeslog.com/en/posts/gaad-2026-accessibility-for-everyone/ Wed, 20 May 2026 00:01:00 +0900 https://www.codeslog.com/en/posts/gaad-2026-accessibility-for-everyone/ Captions, dark mode, one-handed phone use... you're already benefiting from accessibility features. On GAAD 2026, let's explore what 'accessibility for everyone' really means. 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/moduweb-accessibility-seminar/ Thu, 23 Apr 2026 22:30:00 +0900 https://www.codeslog.com/en/posts/moduweb-accessibility-seminar/ A recap of presenting ModuWeb, an open-source overlay accessibility tool, at an AI Accessibility seminar in Seoul — plus an honest take on overlay-tool criticism and other speakers' talks. https://www.codeslog.com/en/posts/president-site-redesign-accessibility/ Tue, 21 Apr 2026 00:00:57 +0900 https://www.codeslog.com/en/posts/president-site-redesign-accessibility/ We audited the redesigned Cheong Wa Dae website (president.go.kr) against KWCAG 2.2 — skip navigation and dark mode are wins, but ARIA landmarks, tabindex, and image alt text still need fixes. https://www.codeslog.com/en/posts/disability-day-commendation-2026/ Mon, 20 Apr 2026 22:50:00 +0900 https://www.codeslog.com/en/posts/disability-day-commendation-2026/ Reflecting on 15 years of web accessibility work at a university — from earning the nation's first classroom accessibility certification to open-sourcing ModuWeb and receiving Korea's Minister of Education Commendation. https://www.codeslog.com/en/posts/mssql-varchar-nvarchar-unicode/ Mon, 20 Apr 2026 00:42:48 +0900 https://www.codeslog.com/en/posts/mssql-varchar-nvarchar-unicode/ Special characters copied from HWP turning into '?' in MSSQL? This post explains why VARCHAR corrupts on Korean documents, how code pages work, and how to fix it with NVARCHAR and the N prefix. 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/javascript-promise-methods/ Wed, 08 Apr 2026 01:00:00 +0900 https://www.codeslog.com/en/posts/javascript-promise-methods/ One failing Promise can take down your entire dashboard. Compare Promise.all and Promise.allSettled with real-world examples, and learn when to use which. https://www.codeslog.com/en/posts/javascript-function-hoisting/ Sat, 04 Apr 2026 02:30:00 +0900 https://www.codeslog.com/en/posts/javascript-function-hoisting/ Learn the difference between function declarations and expressions, how hoisting works under the hood, and when to use arrow functions in practice. https://www.codeslog.com/en/posts/2025-web-accessibility-survey/ Mon, 30 Mar 2026 23:40:00 +0900 https://www.codeslog.com/en/posts/2025-web-accessibility-survey/ South Korea's 2025 web accessibility survey, now measured against KWCAG 2.2's 32 checkpoints: the average score rose to 70.4, yet alt text compliance is only 17.1 percent, the lowest of all items. 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/color-accessibility/ Fri, 06 Mar 2026 00:00:00 +0900 https://www.codeslog.com/en/posts/color-accessibility/ Color design for color vision deficiency and low vision: the WCAG 2.2 contrast ratio of 4.5:1 and how it's calculated, never relying on color alone, dark mode contrast, and brand colors that fail. https://www.codeslog.com/en/posts/wcag-3-expanded-scope-beyond-web/ Mon, 23 Feb 2026 00:00:00 +0900 https://www.codeslog.com/en/posts/wcag-3-expanded-scope-beyond-web/ WCAG 3.0 Draft extends scope beyond web content to wearables, Web of Things, VR/AR, and the tooling ecosystem, and covers how South Korea's kiosk accessibility connects to that expansion. https://www.codeslog.com/en/posts/seollal-gov-accessibility/ Sun, 15 Feb 2026 02:40:12 +0900 https://www.codeslog.com/en/posts/seollal-gov-accessibility/ One month after Korea's Digital Inclusion Act took effect, I compare the Blue House's image-only Seollal card news, which has no alt text, against the Ministry of Health and Welfare's text-based approach. https://www.codeslog.com/en/posts/blog-writing-thoughts/ Thu, 05 Feb 2026 00:35:12 +0900 https://www.codeslog.com/en/posts/blog-writing-thoughts/ A candid reflection on writing about web accessibility and frontend: code-heavy posts kept breaking the reading flow, so I'm moving to narrative first, with code split into a demo or repo. https://www.codeslog.com/en/posts/keyboard-accessibility-a-to-z/ Tue, 03 Feb 2026 00:01:00 +0900 https://www.codeslog.com/en/posts/keyboard-accessibility-a-to-z/ Making a site fully usable without a mouse: tabindex and Tab order, skip links, focus traps and focus restoration in modals, :focus-visible focus styling, and keyboard alternatives to drag and drop. https://www.codeslog.com/en/posts/wcag-3-assertions/ Sun, 01 Feb 2026 00:10:00 +0900 https://www.codeslog.com/en/posts/wcag-3-assertions/ WCAG 3.0 Assertions document accessibility procedures automated tests cannot verify. This post covers the 28 assertions in the March 2026 Draft and how they differ from WCAG 2.2's Conformance Claim. https://www.codeslog.com/en/posts/github-actions-scheduled-publish-check/ Fri, 30 Jan 2026 08:00:00 +0900 https://www.codeslog.com/en/posts/github-actions-scheduled-publish-check/ Solve two challenges at once on a static blog: scheduled publishing and Cloudflare build limits. Run GitHub Actions publish checks every 3 hours and trigger builds only when needed. https://www.codeslog.com/en/posts/wcag-3-atomic-holistic-tests/ Mon, 26 Jan 2026 01:00:00 +0900 https://www.codeslog.com/en/posts/wcag-3-atomic-holistic-tests/ Compare WCAG 3.0’s quantitative/qualitative testing flow with WCAG 2.2’s success-criteria model. We cover Atomic/Holistic concepts, view/process scope, and how tests connect to scoring from a practical perspective. https://www.codeslog.com/en/posts/wcag-3-scoring-conformance/ Sun, 25 Jan 2026 00:10:00 +0900 https://www.codeslog.com/en/posts/wcag-3-scoring-conformance/ Explore how WCAG 3(3.0)'s conformance model moves beyond A/AA/AAA. Covers the Core/Supplemental/Assertions structure, the returning Bronze/Silver/Gold levels, and views/processes-based scope, based on the March 2026 draft. https://www.codeslog.com/en/posts/language-switcher-banner/ Fri, 23 Jan 2026 08:00:00 +0900 https://www.codeslog.com/en/posts/language-switcher-banner/ Built a banner that detects browser language via navigator.language and auto-suggests the right version of a Hugo blog, with WCAG 2.2 AA keyboard navigation and screen reader support built in. 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/wcag-3-structure-outcomes/ Mon, 19 Jan 2026 08:30:00 +0900 https://www.codeslog.com/en/posts/wcag-3-structure-outcomes/ WCAG 3.0 restructures accessibility into Guidelines, Outcomes, and Methods. Covers the 153 requirements (Core 92 + Supplemental 61), Atomic vs. Holistic Tests, and a login-form example vs WCAG 2.2. https://www.codeslog.com/en/posts/blog-comment-visibility-features/ Fri, 16 Jan 2026 18:00:00 +0900 https://www.codeslog.com/en/posts/blog-comment-visibility-features/ Adding Giscus comment counts, a recent-comments list, and an all-comments page to a Hugo static blog: the GitHub GraphQL API, token and Cloudflare Pages setup, localStorage caching, and accessibility. https://www.codeslog.com/en/posts/wcag-3-era-why-new-guidelines/ Mon, 12 Jan 2026 23:00:00 +0900 https://www.codeslog.com/en/posts/wcag-3-era-why-new-guidelines/ WCAG evolved from 1.0 to 2.2 over 26 years. This post explains why WCAG 3.0 exists: the All-or-Nothing dilemma, checkbox accessibility, and the shift from pass/fail checklists to user outcomes. 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. https://www.codeslog.com/en/posts/ai-basic-act-accessibility/ Wed, 07 Jan 2026 18:59:00 +0900 https://www.codeslog.com/en/posts/ai-basic-act-accessibility/ Reading Korea's AI Basic Act (effective Jan 22, 2026) through a web accessibility lens: mapping WCAG's four principles onto its transparency, high-impact AI, and generative AI labeling duties. https://www.codeslog.com/en/posts/digital-inclusion-act/ Tue, 06 Jan 2026 18:59:00 +0900 https://www.codeslog.com/en/posts/digital-inclusion-act/ A people-centered look at Korea's Digital Inclusion Act (effective Jan 22, 2026): how it differs from the Framework Act on Intelligent Informatization, kiosk usability obligations, and impact assessment duties developers should know. https://www.codeslog.com/en/posts/digital-inclusion-new-era/ Mon, 05 Jan 2026 23:50:00 +0900 https://www.codeslog.com/en/posts/digital-inclusion-new-era/ Ahead of the Digital Inclusion Act (Jan 22), this piece shows how accessibility is expanding to digital inclusion through real cases and frames the questions we must ask for inclusive design. https://www.codeslog.com/en/posts/ai-evaluation-review/ Wed, 31 Dec 2025 01:51:00 +0900 https://www.codeslog.com/en/posts/ai-evaluation-review/ My experience as a citizen evaluator for an AI agent competition. Recording the questions I asked about accessibility, failure response, and communication design. https://www.codeslog.com/en/posts/evaluation-panel-seoul/ Tue, 30 Dec 2025 01:07:37 +0900 https://www.codeslog.com/en/posts/evaluation-panel-seoul/ A full day of my time, travel paid out of pocket, and just 50,000 won in return — yet I'm heading to Seoul as a citizen evaluator for an AI agent competition. A reflection on why a seemingly losing choice can plant seeds for the future. https://www.codeslog.com/en/posts/semantic-html-guide/ Tue, 23 Dec 2025 02:32:17 +0900 https://www.codeslog.com/en/posts/semantic-html-guide/ Move from div-only markup to semantic HTML: when to use header, nav, main, article, and section, how article and section differ, plus heading levels and ARIA landmarks, with before-and-after examples. https://www.codeslog.com/en/posts/web-accessibility-ai-era/ Tue, 23 Dec 2025 00:29:12 +0900 https://www.codeslog.com/en/posts/web-accessibility-ai-era/ Can everyone use the web that AI builds? The accessibility gaps generative AI tends to miss, the four WCAG 2.2 principles in code, AI-generated alt text, and building an accessible AI chatbot. https://www.codeslog.com/en/posts/first-post/ Mon, 22 Sep 2025 02:08:23 +0900 https://www.codeslog.com/en/posts/first-post/ The first post on this blog. A self-described perpetual beginner starting a place to record frontend and backend work, web accessibility, dev tooling, and side projects — and share what sticks.