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: WCAG 3.0 Structure Anatomy: From Success Criteria to Outcomes - Deep dive into WCAG 3.0's revolutionary structural changes. Learn how the shift from checklists to user experience-centered evaluation works with practical examples. (https://www.codeslog.com/en/posts/wcag-3-structure-outcomes/)

WCAG 3.0 Structure Anatomy: From Success Criteria to Outcomes

Introduction “1.3.1 Info and Relationships - Level A” If you’ve worked with WCAG 2.2, you’re familiar with this format of Success Criteria. Numbers, levels, and clear test conditions. This structure has been the standard for web accessibility for over 15 years. However, as we explored in the previous article, this approach had limitations. “Websites that pass checkboxes but are actually unusable” are proof of this. WCAG 3.0 has completely redesigned the structure itself to address this issue. It didn’t just add items—it changed the way we evaluate accessibility. ...

Published date: 2026-01-19 · Reading time: 17 min · Word count: 3507 words · Author: Isaac
Blog post thumbnail: Building a Dynamic Comment System on a Static Site: Giscus + GraphQL API - Learn how I implemented comment counts, recent comments, and an all comments page on my Hugo static blog using GitHub GraphQL API and smart caching strategies for optimal performance and UX. (https://www.codeslog.com/en/posts/blog-comment-visibility-features/)

Building a Dynamic Comment System on a Static Site: Giscus + GraphQL API

Introduction Blogs built with Static Site Generators (SSG) are incredibly fast and secure. However, adding dynamic features like comments requires careful consideration. This blog uses Giscus, a GitHub Discussions-based comment system, but there was one inconvenience. Comments only appear at the bottom of each post, making it difficult to see at a glance which articles have active discussions. So I built three features: Display comment counts in post lists - See which articles have ongoing conversations Show recent comments on the explore page - View recent blog activity at a glance Create an all comments page - Browse all comments in one place This article shares the process of bringing dynamic comment information to a static site using GitHub GraphQL API while maintaining optimal performance. ...

Published date: 2026-01-16 · Reading time: 15 min · Word count: 7440 words · Author: Isaac
The Dawn of WCAG 3.0 - Thumbnail image visualizing the transformation from traditional WCAG 2.x checklists to user-centered WCAG 3.0. Features post title and key concepts displayed on a smooth gradient background

The Dawn of WCAG 3.0: Why We Need New Guidelines

Introduction “Our site passed WCAG 2.1 AA 100%, but screen reader users still can’t sign up.” I keep thinking about this comment I heard at a conference last year. They passed accessibility audits, got the green badge, but users with disabilities still couldn’t use core features. This is the biggest dilemma facing WCAG 2.x today. If you’re a developer or designer working on web accessibility, you’ve probably heard of WCAG (Web Content Accessibility Guidelines). Recently, a new guideline called WCAG 3.0 has emerged, and many people are wondering: ...

Published date: 2026-01-12 · Reading time: 14 min · Word count: 2956 words · Author: Isaac
Blog post thumbnail: Code Block Accessibility Improvement: Line Numbers That Screen Reader Users Can Choose - We've improved the accessibility of code blocks in our Hugo blog for screen reader users. (https://www.codeslog.com/en/posts/code-block-accessibility-improvement/)

Code Block Accessibility Improvement: Line Numbers That Screen Reader Users Can Choose

Introduction Recently, I started building and operating a blog using Hugo with the PaperMod theme. Using someone else’s theme has the advantage of quick setup, but not everything fits my needs perfectly. After customizing many parts to match my preferences, I noticed some issues with the code blocks. Line numbers were implemented with <table> tags. While this doesn’t violate accessibility guidelines, it felt not semantic. Moreover, I wondered: what’s the experience for screen reader users? I found a better approach using CSS Counters. ...

Published date: 2026-01-09 · Reading time: 16 min · Word count: 3376 words · Author: Isaac
Blog post thumbnail: Beyond Regulation, Toward Trust - The AI Basic Act and Accessibility - Reading the AI Basic Act (effective Jan 22) through accessibility and trust: transparency, explainability, high-impact AI, human-in-the-loop options, and bias/safety checkpoints. (https://www.codeslog.com/en/posts/ai-basic-act-accessibility/)

Beyond Regulation, Toward Trust - The AI Basic Act and Accessibility

This post is a record of grappling with web accessibility, public web services, and the responsibilities of developers from direct, hands-on experience. Between law, technology, standards, and reality, I try to answer the question: “Are we really building for everyone?” In the previous post, we confirmed that the Digital Inclusion Act asks “what is usable?” Then this question remains: If AI is a system that makes decisions? If users can’t understand automated decisions? How do we distinguish between content created by generative AI? ...

Published date: 2026-01-07 · Reading time: 17 min · Word count: 3449 words · Author: Isaac
Blog post thumbnail: Beyond Technology, Toward People – Understanding the Digital Inclusion Act – A people-centered summary of the Digital Inclusion Act (effective January 22), its purpose, differences from the Framework Act on Intelligent Informatization, kiosk usability obligations, and practical points such as impact assessment. (https://www.codeslog.com/en/posts/digital-inclusion-act/)

Beyond Technology, Toward People – Understanding the Digital Inclusion Act

This post is a record of grappling with web accessibility, public web services, and the responsibilities of developers from direct, hands-on experience. Between law, technology, standards, and reality, I try to answer the question: “Are we really building for everyone?” In the previous post, we reached this question: Even after meeting accessibility standards, why are so many people still excluded from digital services? The institutional answer to this question is the Digital Inclusion Act. ...

Published date: 2026-01-06 · Reading time: 9 min · Word count: 1761 words · Author: Isaac
Blog post thumbnail: Beyond Accessibility to Digital Inclusion - The Beginning of a 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/digital-inclusion-new-era/)

Beyond Accessibility to Digital Inclusion - The Beginning of a New Era

This piece is a record of wrestling with web accessibility, public services, and a developer’s responsibility from the field. Between law and technology, between standards and reality, I try to answer: “Are we really building for everyone?” While working on web accessibility for years, I found myself repeatedly hearing a similar question: “We’re certified and passed the checklist. Isn’t accessibility done now?” When I first heard this question, I nodded briefly. Many public websites did meet WCAG 2.1 / KWCAG 2.2 standards, passed screen reader tests, and satisfied contrast requirements. ...

Published date: 2026-01-05 · Reading time: 6 min · Word count: 1274 words · Author: Isaac
Blog post thumbnail: Questions I Asked at the AI Public Service Evaluation - 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/ai-evaluation-review/)

Questions I Asked at the AI Public Service Evaluation

Introduction I just returned from the AI Agent Scenario Competition Citizen Evaluation Panel held in Seoul. The panel consisted of expert judges and citizen evaluators, with the final scores reflecting both expert evaluation and citizen evaluation. Since the evaluation details are confidential, I can’t discuss individual teams or specific results. However, through this experience, I was able to clearly define what standards I use when evaluating AI public services. So in this post, rather than “how this team performed,” I want to record what questions I asked and why I thought those questions mattered. ...

Published date: 2025-12-31 · Reading time: 7 min · Word count: 1378 words · Author: Isaac
Blog post thumbnail: A $35 Evaluation Panel — Why I'm Still Going to Seoul - My experience joining an AI agent competition evaluation panel. Why a seemingly losing choice can plant seeds for the future. (https://www.codeslog.com/en/posts/evaluation-panel-seoul/)

A $35 Evaluation Panel — Why I'm Still Going to Seoul

Introduction Let me be honest — this choice is a losing deal on paper. I’m spending a whole day, paying for transportation out of my own pocket, and the compensation is only about $35 (50,000 KRW). Yet, I’m heading to Seoul tomorrow. I wanted to organize my reasons step by step. View from a train window - a journey to somewhere Photo: Dieter K / Unsplash The Evaluation Panel Offer and My Decision One day, while browsing the NIA (National Information Society Agency) website as usual, I discovered the Public Institution Website Citizen Evaluation Panel. Since then, I’ve been grateful to participate in the public web/app citizen evaluation activities for two years straight. The rewards and achievements may seem small, but the process and experience have been building up as personal assets. ...

Published date: 2025-12-30 · Reading time: 5 min · Word count: 1039 words · Author: Isaac
Blog post thumbnail: The Complete Guide to Semantic HTML - Learn how to write meaningful HTML and escape from div hell.

The Complete Guide to Semantic HTML: Escaping Div Hell

Introduction As a web developer, you’ve probably encountered code like this: html 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

Published date: 2025-12-23 · Reading time: 14 min · Word count: 2892 words · Author: Isaac