Skip to content
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
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: 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
Blog post thumbnail: Web Accessibility in the AI Era: Universal Values That Must Evolve With Technology - Explore how AI technology impacts web accessibility and learn essential principles every developer must know, with practical examples. (https://www.codeslog.com/en/posts/web-accessibility-ai-era/)

Web Accessibility in the AI Era: Universal Values That Must Evolve With Technology

Introduction We live in an age where generative AI like ChatGPT, Claude, and Gemini has become part of daily life. AI chatbots have established themselves on websites, and automated content generation has become commonplace. Amid this rapid technological advancement, we must ask an important question: “Is the web created by AI usable by everyone?” Web Accessibility means ensuring that everyone—people with disabilities, elderly users, those with slow network connections, and more—can use the web equally. In the AI era, or rather because it is the AI era, web accessibility has become even more critical. ...