단일 문자 단축키 - by. UXKM

  • A11Y
  • A11y Creation Tech
  • 모바일 접근성 제작 기법
  • 단일 문자 단축키
요약 설명

관련 지침(입력장치 접근성) : 단일 문자 단축키는 비활성화·재할당·조합키 전환 등 오입력 방지 수단을 제공하는가?
한 글자만 눌러도 실행되는 기능은 의도치 않은 입력(특히 보조 기술·음성 입력 사용자)으로 이어질 수 있어, 끄거나 다른 조합으로 바꿀 수 있어야 합니다.

모바일 앱 접근성 체크리스트(MACAG) 전체 보기
WCAG 2.2 — Character Key Shortcuts

필요성

단일 키 단축은 빠른 조작에 유용하지만, 시선이 다른 곳에 있을 때나 대체 입력 장치를 쓸 때는 오동작의 원인이 됩니다. 사용자 설정에서 끄거나 조합키(예: Ctrl+)로만 동작하게 바꿀 수 있게 합니다.

대상

  • 음성 입력·맥락 스위치 사용자

    문자 단위로 포커스가 이동하며 단축키가 트리거될 수 있는 사용자.

  • 스크린 리더 사용자

    탐색 키와 앱 단축키가 충돌하는 사용자.

  • 외부 키보드 사용자

    태블릿·접이식 키보드에서 오타로 단축키가 실행되는 사용자.

  • 전원 사용자

    단축키를 유지하되 조합키 모드로 전환하고 싶은 사용자.

체크리스트

  • 끄기

    단일 문자 단축을 완전히 비활성화할 수 있는가?

  • 재할당

    다른 키 조합으로 바꿀 수 있는가?

  • 조합키만

    기본을 ‘보조 키(Shift 등)+문자’로만 동작하게 두는 옵션이 있는가?

  • 충돌

    OS·WebView·IME와 단축키 표가 충돌하지 않는가?

구현 시 참고

  • 하드웨어 키보드·외부 키패드 연결 환경에서 단축키가 충돌하지 않는지 확인합니다.
  • 웹뷰와 네이티브가 동시에 단축키를 잡지 않도록 이벤트 전파를 정리합니다.
  • 단축키 목록을 설정 화면에 노출하고, 기본값은 ‘비활성’으로 두는 것도 고려합니다.

점검 방법

  • 스크린 리더 켜고 텍스트 필드·목록 탐색 중에 단축키가 의도치 않게 실행되는지 재현합니다.
  • 설정에서 끈 뒤 동일 시나리오가 안전한지 회귀 테스트합니다.

개발방법

아래 코드는 단일 문자 단축키 검사항목을 실제 UI 동작에 반영할 때 참고할 수 있는 예시입니다. 단일 문자 입력으로 기능이 실행되지 않도록 비활성화 또는 조합키 기반으로 설계합니다.

네이티브

iOS (Swift)

Android

하이브리드

html

Vue

React

접근성 테스트 도구 활용 점검방법

결론

접근성은 시작은 있지만 끝이 없는 작업입니다.
오류 항목을 정기적으로 점검하여 접근성 개선을 한다면 점차 검사를 할 항목이 줄어들게 될 것입니다. 모두가 차별 없이 서비스를 이용할 수 있도록 접근성 유지를 위한 모두의 노력이 필요합니다. 무엇보다 접근성 작업은 서비스를 제공한다면 선택이 아닌 필수로 지켜야하는 항목임을 잊지 말아야 합니다.

접근성 작업 시 점검 필수사항

  • 접근성 가이드(WCAG, KWCAG, WAI-ARIA) 내용 숙지
  • 접근성 체크리스트 작성
  • 접근성 자동 및 수동 검사(스크린리더) 진행
  • 접근성 검사 툴(Lighthouse Accessibility 등) 활용 오류 항목 개선 및 내용 정리
  • 접근성 사용자 테스트
  • 접근성 정기적인 모니터링