
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. ...

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. ...

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: ...

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. ...

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? ...

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. ...

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. ...

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. ...

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. ...

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