접근성
키보드, 화면 낭독기, 저시력, 저사양 기기 사용자를 위한 구축 방식. 날짜가 명시된 솔직한 현황 보고.
당사의 약속
- 완전한 키보드 탐색. 모든 생성기 컨트롤, 모달, 내보내기 흐름은 마우스 없이도 접근 가능합니다.
- 가시적 포커스 상태. 포커스된 입력 필드, 버튼, 링크는 명확한 테두리를 표시합니다. 색상만으로 구분하지 않습니다.
- 모든 필드에 레이블. 양식 입력 필드에는 연결된
<label>요소 또는aria-label속성이 있습니다. 플레이스홀더 텍스트는 단독 레이블로 사용하지 않습니다. - QR 미리 보기 및 알림을 위한 ARIA 라이브 영역. 화면 낭독기는 포커스가 이동할 때가 아니라 이벤트가 발생할 때 "QR 생성됨" 및 알림 메시지를 인식합니다.
- 아이콘 전용 버튼에 텍스트 대안. SVG 전용 버튼에는 모두
aria-label이 있습니다. - 색상 독립적 상태 표시. 스캔 가능 여부 배지와 호환성 칩은 색상을 글리프 및 텍스트 레이블과 함께 사용합니다.
- 명시적 내보내기 형식 이름. 다운로드 버튼은 "다운로드"만이 아니라 "PNG 다운로드", "SVG 다운로드" 등으로 표시됩니다.
- 넓은 모바일 터치 대상. 대화형 요소는 WCAG 2.5.8에 따라 거친 포인터에서 최소 44 × 44 CSS 픽셀입니다.
- 모션 감소 존중.
prefers-reduced-motion: reduce설정 시 전환 효과가 비활성화됩니다.
아직 부족한 부분
- 화면 낭독기 테스트 범위가 고르지 않습니다. 생성기는 VoiceOver(macOS/iOS) 및 NVDA로 테스트되었습니다. JAWS와 TalkBack은 추가 테스트가 필요합니다.
- 명함 디자이너는 설계상 마우스 중심입니다(드래그로 위치 조정, 캔버스 미리 보기). 모든 컨트롤에 키보드 대안이 있지만 실시간 미리 보기 피드백은 여전히 시각 우선입니다.
- 복잡한 생성기 흐름(일괄 CSV, 다단계 마법사)은 더 나은 건너뛰기 링크 구조가 필요합니다. 개선 예정입니다.
- 호환성 표는 현재 HTML 테이블로 제공됩니다. 화면 낭독기 열 헤더는 작동하지만 각 행에 더 긴 설명적 요약을 추가하고자 합니다.
테스트된 브라우저 및 보조 기술
마지막 전체 테스트: 2026년 4월. 테스트 사이에는 주요 UI 변경 후 부분 점검을 실시합니다.
| 브라우저 | 보조 기술 | 플랫폼 | 상태 |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | 테스트 완료, 통과 |
| Firefox | NVDA | Windows 11 | 테스트 완료, 통과 |
| Chrome | NVDA | Windows 11 | 테스트 완료, 통과 |
| Chrome | ChromeVox | ChromeOS | 부분 점검 |
| Chrome | TalkBack | Android 14, 15 | 부분 점검 |
| Edge | Narrator | Windows 11 | 부분 점검 |
| Safari | JAWS | Windows 11 | 미테스트 |
키보드 단축키
- Tab / Shift+Tab: 포커스 가능 요소 앞/뒤 이동.
- Enter / Space: 버튼 및 토글 활성화.
- 화살표 키: 라디오 그룹(유형 선택기, 템플릿 선택기, 탭 바) 내 옵션 이동.
- Escape: 모달 닫기(명함 디자이너, 프리플라이트, 인쇄 서비스, 이미지 자르기).
- 오버플로 메뉴에서 Home / End는 첫 번째/마지막 항목으로 이동.
문제 신고
키보드로 도달할 수 없거나, 레이블이 잘못되었거나, 귀하의 환경에서 사용할 수 없는 기능이 있는 경우 hello@abundera.ai로 이메일을 보내 주십시오. 브라우저, 운영 체제, 보조 기술, 그리고 구체적인 흐름을 포함해 주십시오. 당사는 접근성 버그를 우선 순위 문제로 처리합니다.