07 · 시스템 소개
디지털 포용Digital Inclusion
접근성은 ‘특정 성도를 위한 기능’이 아니라 ‘누구든 만날 수 있는 제약에 대한 준비’입니다. 주님의교회 PCL 디자인 시스템은 시니어 성도 · 다국어 · 일시적·상황적 제약까지 포함한 포용을 설계 기본값으로 삼습니다.
누구를 고려하는가
포용은 “장애 대 비장애”의 이분법으로는 설명되지 않습니다. 누구나 팔을 다치면 일시적 운동 장애를 겪고, 소음 속에서는 일시적 청각 제약을 만나고, 햇빛 아래에서는 일시적 시각 제약에 놓입니다. 이 시스템은 영구적 · 일시적 · 상황적 세 층위의 제약을 모두 염두에 둡니다.
시각
저시력 · 색각 이상 · 전맹. 스크린리더 · 확대 · 고대비 모드 사용자.
청각
난청 · 농. 자막 · 텍스트 트랜스크립트가 필요한 사용자.
운동
세밀한 포인팅이 어려운 상황. 키보드 · 스위치 · 음성 입력 사용자.
인지
난독증 · ADHD · 불안. 긴 문장 · 깜빡이는 UI · 타이머가 부담이 되는 사용자.
환경
저속 네트워크 · 구형 단말 · 햇빛 아래의 화면. 일시적 장애 상황도 포함.
언어 · 문화
제2외국어 사용자 · 문자/숫자 포맷이 다른 지역. 번역 · 로컬라이즈 대상.
기본값으로 보장되는 것
- 01
대비비 4.5:1 이상
본문 텍스트는 WCAG AA 기준을 충족합니다. 테마 토큰이 이미 검증되어 있으니, 컬러를 오버라이드할 때도 이 비율을 유지하세요.
- 02
키보드 단독 조작
모든 인터랙션은 마우스 없이 가능합니다. Tab · Enter · Space · Esc · 화살표가 표준. 포커스 링은 절대 숨기지 않습니다.
- 03
대체 텍스트 · 레이블
아이콘 전용 버튼은 aria-label. 이미지는 alt. 장식 이미지는 alt=''. 폼 필드는 label 연결 또는 aria-labelledby.
- 04
동작 감소 존중
prefers-reduced-motion 쿼리를 기본 컴포넌트가 인식합니다. 전환 효과는 200ms 이내로 짧게, 혹은 비활성화합니다.
- 05
언어 속성 · 방향
<html lang> 지정은 필수. 다국어 혼용 페이지는 블록 단위 lang 속성. RTL 언어 확장 여지를 남깁니다.
- 06
오프라인 · 저속 대비
Skeleton · 캐시 정책으로 저속 네트워크에서도 의미 있는 화면을 띄웁니다. 완전 오프라인일 때의 메시지도 준비합니다.
릴리스 전 최소 체크
- 키보드만으로 주요 화면을 처음부터 끝까지 조작할 수 있는가.
- 포커스가 항상 보이고, 논리적인 순서로 이동하는가.
- 색만으로 의미를 전달하는 요소가 없는가(에러 · 상태 · 링크).
- 스크린리더에서 주요 흐름(로그인 · 검색 · 신청)이 중단 없이 읽히는가.
- 이미지 · 영상에 대체 수단(alt · 자막)이 있는가.
- 언어 속성(lang)과 페이지 제목(title)이 정확한가.