Skip to content

Hi there 👋

Codeslog - an eternal learner’s growth chronicle. Real journeys over perfect tutorials. Where small records accumulate into great assets.
Blog post thumbnail: Form Accessibility Mastery: Designing Accessible Input Forms for Everyone - 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/form-accessibility-mastery/)

Form Accessibility Mastery: Designing Accessible Input Forms for Everyone

Introduction “How hard can a signup form be?” If that thought has ever crossed your mind… you’ve probably never tested it for accessibility. Forms are the most important interface for user input on the web. Login, checkout, search, surveys — virtually every core web function goes through a form. Yet for countless people, these forms are a complete barrier. Screen reader users can’t tell what an input field is asking for Keyboard-only users get stuck in front of a date picker People with cognitive disabilities see an error message but have no idea how to fix it A web form with multiple input fields — easy to get lost in, just like people navigating a maze. Photo: Susan Q Yin / Unsplash In this post, we’ll go through form accessibility from top to bottom, based on WCAG 2.2. No dry theory — just practical code you can use right away, paired with a demo page I built for this post. ...

Published date: 2026-04-11 · Reading time: 10 min · Word count: 4572 words · Author: Isaac
Blog post thumbnail: `Promise.all` vs `Promise.allSettled`: The Difference That Matters - 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-promise-methods/)

`Promise.all` vs `Promise.allSettled`: The Difference That Matters

I built a dashboard. I was proud of it. Three lines of code using Promise.all to fetch three APIs at once — and the code review feedback was “clean.” Multiple tasks running concurrently - with Promise.all, one failure affects the whole thing Photo: Unsplash javascript 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 도움말 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

Published date: 2026-04-08 · Reading time: 7 min · Word count: 1316 words · Author: Isaac
Blog post thumbnail: Function Declarations vs Expressions: Hoisting Explained - 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/javascript-function-hoisting/)

Function Declarations vs Expressions: Hoisting Explained

At some point while writing JavaScript, you’ll end up with code like this: javascript 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 도움말 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

Published date: 2026-04-04 · Reading time: 10 min · Word count: 1999 words · Author: Isaac
Blog post thumbnail: 17.1% Alt Text Compliance: What South Korea's 2025 Web Accessibility Survey Reveals - South Korea's 2025 web accessibility survey: alt text compliance at just 17.1%. What the numbers reveal about accessibility on Korean websites today. (https://www.codeslog.com/en/posts/2025-web-accessibility-survey/)

17.1% Alt Text Compliance: What South Korea's 2025 Web Accessibility Survey Reveals

Imagine a webpage with five images. Four of them have no alt text. When a blind user visits this page using a screen reader, those images are announced simply as “image” — or worse, as a raw filename. No meaning. No context. This isn’t a hypothetical. It’s the reality measured by South Korea’s 2025 Web Information Accessibility Survey, published on March 27, 2026. A user sitting in front of a laptop — without alt text, all image information is completely blocked Photo: Ardalan Hamedani / Unsplash What Changed This Year South Korea’s 2025 survey adopted a new standard. The guidelines were updated from KWCAG 2.1 (24 criteria) to KWCAG 2.2 (32 criteria), with 9 new items added. ...

Published date: 2026-03-30 · Reading time: 5 min · Word count: 2339 words · Author: Isaac
Blog post thumbnail: How Accessible Is Google's New IDE Homepage? — Analyzing Google Antigravity - An accessibility analysis of Google Antigravity's homepage reveals how wrapping every letter in individual divs breaks screen readers and browser translation. Includes ADA context, WCAG mapping, and practical fixes. (https://www.codeslog.com/en/posts/google-antigravity-accessibility/)

How Accessible Is Google's New IDE Homepage? — Analyzing Google Antigravity

Analyzing accessibility issues on Google Antigravity's homepage — behind the flashy text animations Image: AI-generated Google takes accessibility seriously. Android’s TalkBack, Chrome’s accessibility developer tools, Lighthouse’s accessibility audits… Google-built tools are used by developers worldwide every day. The same goes for Microsoft — Accessibility Insights, Narrator, Windows high-contrast mode. When it comes to accessibility tooling, these two companies are in a league of their own. ...

Published date: 2026-03-17 · Reading time: 7 min · Word count: 3316 words · Author: Isaac
Blog post thumbnail: Color Accessibility: Designing Colors That Everyone Can Perceive - A guide to color design for users with color blindness and low vision. From WCAG contrast requirements to practical tips — everything you need for inclusive color choices. (https://www.codeslog.com/en/posts/color-accessibility/)

Color Accessibility: Designing Colors That Everyone Can Perceive

Introduction “We used red and green to distinguish them, so it should be fine.” It’s a thought that comes up naturally during development. But more people than you’d expect have difficulty telling those two colors apart. Statistics based on Northern European ancestry suggest that roughly 1 in 12 men and 1 in 200 women have red-green color vision deficiency. The exact ratio varies by region and genetic background, but the fact remains: there are always users who struggle to distinguish red from green. ...

Published date: 2026-03-06 · Reading time: 21 min · Word count: 4386 words · Author: Isaac
Blog post thumbnail: WCAG 3.0 Expanded Scope: Beyond the Web - WCAG 3.0 Draft extends its scope beyond ‘the web’ to cover mobile, wearables, Web of Things, XR, and the tooling ecosystem. Here’s how that changes the practical questions your team needs to ask, compared to WCAG 2.2. (https://www.codeslog.com/en/posts/wcag-3-expanded-scope-beyond-web/)

WCAG 3.0 Expanded Scope: Beyond the Web

Introduction This is the sixth post in the WCAG 3.0 series. This time I want to unpack what “beyond the web” actually means in practice. The earlier posts looked at structure, testing, and Assertions — now it’s time to get clear on “how far does the scope actually reach?” Important: This post is based on the WCAG 3.0 Working Draft (2026-02-20). The Draft is subject to change, and this post may be updated accordingly. ...

Published date: 2026-02-23 · Reading time: 5 min · Word count: 2065 words · Author: Isaac
Blog post thumbnail: Seollal Holiday Information Isn’t Visible to Everyone - One month into the Digital Inclusion Act, I review the accessibility of the Blue House Seollal(Korean Lunar New Year) holiday card news. Information trapped in images and missing alt text. A comparison with the Ministry of Health and Welfare shows the reality of accessibility on public websites. (https://www.codeslog.com/en/posts/seollal-gov-accessibility/)

Seollal Holiday Information Isn’t Visible to Everyone

This essay records what I have wrestled with on the ground about web accessibility, public web services, and the responsibilities of developers. Between law and technology, standards and reality, I try to answer the question: “Are we truly building for everyone?” Is today’s Seollal(Korean Lunar New Year) really providing equal information to everyone? Produced by: Nano Banana Ahead of the Seollal(Korean Lunar New Year) holiday, I browse the web to find helpful information. Seollal(Korean Lunar New Year) is a uniquely Korean holiday. As I visit site after site, the first thing I often encounter is an auto-rotating banner or card news. Around Seollal, these banners include important government notices like emergency information. ...

Published date: 2026-02-15 · Reading time: 4 min · Word count: 1708 words · Author: Isaac
Blog post thumbnail: Thoughts on Writing Blog Posts - A candid note on accessibility and frontend writing: limits of code-heavy posts, a shift to narratives, and how to grow this blog with feedback. (https://www.codeslog.com/en/posts/blog-writing-thoughts/)

Thoughts on Writing Blog Posts

Since I started this blog, I have written in several directions. The areas I keep digging into are web accessibility and frontend. I want to write more, and new ideas keep coming, but the speed of writing is not as fast as I hope. Right now I still have eight unfinished drafts. Starting is easy, but wrapping up always feels surprisingly hard. AI has made research and organization much faster, but my time and energy are still limited, so it often feels frustrating. I work during the day, and after work I take care of family responsibilities, side projects, this blog, and certification prep. Honestly, I wish I had ten bodies. ^^;; Still, I want to keep going, so today I am writing a candid note about how I approach blog writing. ...

Published date: 2026-02-05 · Reading time: 3 min · Word count: 579 words · Author: Isaac
Blog post thumbnail: Keyboard Accessibility A to Z: Building Websites Everyone Can Use Without a Mouse - A complete guide to making websites fully usable without a mouse. Learn focus management, Tab order, and custom widget implementation with practical code examples. (https://www.codeslog.com/en/posts/keyboard-accessibility-a-to-z/)

Keyboard Accessibility A to Z: Building Websites Everyone Can Use Without a Mouse

Introduction Have you ever tried using the internet without a mouse? Most people take their mouse for granted. But there are many people who can’t use one. People with physical disabilities who can’t operate a mouse People with repetitive strain injuries like carpal tunnel syndrome People with temporary arm injuries Power users who simply find keyboards more efficient For these users, the question “Can I use this site with just a keyboard?” is crucial. ...

Published date: 2026-02-03 · Reading time: 18 min · Word count: 3782 words · Author: Isaac
맨 위로