https://www.codeslog.com/series/%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1-%EC%8B%AC%ED%99%94-%EA%B0%80%EC%9D%B4%EB%93%9C/ Recent content in 웹접근성 심화 가이드 on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 ko Sat, 11 Apr 2026 00:00:00 +0900 https://www.codeslog.com/posts/form-accessibility-mastery/ Sat, 11 Apr 2026 00:00:00 +0900 https://www.codeslog.com/posts/form-accessibility-mastery/ 회원가입 폼도 접근성 없이는 완전한 장벽이 됩니다. 라벨 연결, aria-describedby로 입력 형식 안내, 에러 처리, fieldset 그룹화, 키보드 내비게이션까지 WCAG 2.2 기준으로 직접 만든 데모와 함께 정리했습니다. https://www.codeslog.com/posts/color-accessibility/ Fri, 06 Mar 2026 00:00:00 +0900 https://www.codeslog.com/posts/color-accessibility/ 색각이상과 저시력 사용자까지 고려한 색상 설계 가이드. WCAG 2.2 명도 대비 4.5:1 기준과 계산법, 색상만으로 정보를 전달하지 않는 법, 다크 모드 대비, 브랜드 색이 기준에 미달할 때 디자이너와 합의하는 방법까지 다룹니다. https://www.codeslog.com/posts/keyboard-accessibility-a-to-z/ Tue, 03 Feb 2026 00:01:00 +0900 https://www.codeslog.com/posts/keyboard-accessibility-a-to-z/ 마우스 없이 키보드만으로 쓸 수 있는 웹을 만드는 법. tabindex와 Tab 순서, 스킵 링크, 모달의 포커스 트랩과 포커스 복원, :focus-visible 포커스 스타일, 드래그 앤 드롭 대체 수단까지 코드 예제로 정리했습니다. https://www.codeslog.com/posts/aria-practical-guide/ Thu, 22 Jan 2026 02:00:00 +0900 https://www.codeslog.com/posts/aria-practical-guide/ ARIA를 실제 프로젝트에 적용하는 실전 가이드입니다. 언제 ARIA를 쓰고 언제 쓰지 말아야 하는지부터, aria-live 라이브 리전, 탭·아코디언·드롭다운 커스텀 위젯, 모달 다이얼로그 패턴까지 코드로 정리했습니다.