본문으로 바로가기
블로그 포스트 썸네일: 키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기 - 마우스 없이도 완전히 이용 가능한 웹사이트를 만드는 키보드 접근성 완벽 가이드. 포커스 관리, Tab 순서, 커스텀 위젯 구현까지 실무 코드 예제와 함께 담았습니다. (https://www.codeslog.com/ko/posts/keyboard-accessibility-a-to-z/)

키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기

들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 “키보드로 이 사이트를 쓸 수 있나요?“라는 질문은 매우 중요합니다. ...

글 작성일: 2026-02-03 · 글 읽기 시간: 18 분 · 글 단어 수: 8554 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기 - 브라우저 언어를 감지해서 적절한 언어 버전을 자동으로 제안하는 배너를 만들어봤습니다. WCAG 2.2 AA 기준을 충족하도록 설계하고, 키보드 네비게이션과 스크린 리더 지원까지 고려한 구현 과정을 공유합니다. (https://www.codeslog.com/ko/posts/language-switcher-banner/)

다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기

들어가며 한국어와 영어 두 언어로 블로그를 운영하다 보니 흥미로운 문제를 발견했습니다. 블로그 링크를 공유하다보면 한국어 페이지를 해외 사용자에게 공유하게 될 때도 있습니다. 한글을 못 읽는 분들은 당황하겠죠? 반대로 한국 커뮤니티에서 공유된 영문 포스트 링크를 클릭한 한국어 사용자도 마찬가지입니다. ...

글 작성일: 2026-01-23 · 글 읽기 시간: 18 분 · 글 단어 수: 8670 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기 - ARIA를 실제 프로젝트에서 어떻게 활용할까요? 언제 써야 하고, 어떻게 효과적으로 사용하는지 라이브 리전, 커스텀 위젯, 모달 패턴을 통해 알아봅니다. (https://www.codeslog.com/ko/posts/aria-practical-guide/)

ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기

ARIA를 배운 개발자들이 자주 하는 실수가 있습니다. ARIA의 개념은 이해했지만, 실제 프로젝트에서 어떻게 적용할지, 언제 써야 하는지 확실하지 않은 거죠. ARIA 실전 가이드 - 코드 에디터 화면에 ARIA 속성이 강조된 메인 비주얼 커버 이미지(예시): ARIA 속성 적용 흐름을 상징하는 비주얼 · 제작: Nanobanana AI “ARIA는 마지막 수단이다"라는 말이 있습니다. 먼저 시맨틱 HTML을 사용하고, HTML의 기본 기능으로 부족할 때만 ARIA를 더하는 거예요. 이 가이드는 이 원칙을 바탕으로 실제 프로젝트에서 ARIA를 효과적으로 활용하는 방법을 다룹니다. ...

글 작성일: 2026-01-22 · 글 읽기 시간: 20 분 · 글 단어 수: 9853 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버 - Hugo 블로그의 코드 블록에 스크린 리더 사용자를 위한 접근성 개선작업을 진행합니다. (https://www.codeslog.com/ko/posts/code-block-accessibility-improvement/)

코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버

들어가며 최근 Hugo에 PaperMod 테마를 이용해서 블로그를 만들고 운영을 시작했습니다. 다른 사람이 만든 것을 그대로 사용하는건 빠르게 운영할 수 있다는 장점이 있지만, 모든 부분이 나에게 맞는 건 아니였습니다. 수많은 곳을 내 입맛과 취향에 맞춰서 수정하다가 보니 코드 블록에 문제가 좀 있더군요. ...

글 작성일: 2026-01-09 · 글 읽기 시간: 15 분 · 글 단어 수: 7224 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치 - AI 기술의 발전이 웹접근성에 미치는 영향과 개발자가 반드시 알아야 할 핵심 원칙들을 실전 예제와 함께 알아봅니다. (https://www.codeslog.com/ko/posts/web-accessibility-ai-era/)

AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치

들어가며 ChatGPT, Claude, Gemini… 생성형 AI가 우리 일상 깊숙이 들어온 시대입니다. 웹사이트마다 AI 챗봇이 자리를 잡았고, 콘텐츠 자동 생성도 이제 낯설지 않죠. 이렇게 빠르게 변화하는 기술 환경 속에서, 한 가지 중요한 질문을 던져보고 싶습니다. ...