문자 단축키
글자 하나(예: s, /)만 눌러 실행되는 단축키가 화면 낭독기·음성 입력 사용자에게 오작동을 일으키지 않게 하는 방법. 끄기·바꾸기·초점 조건을 주는 코드를 정리했습니다.
마지막 수정
무엇을 요구하나요?
글자·숫자·기호 키 하나만으로 실행되는 단축키가 있다면 다음 중 하나를 만족해야 합니다.
- 사용자가 단축키를 끌 수 있다
- 다른 키(Ctrl, Alt 등 조합)로 바꿀 수 있다
- 해당 요소에 초점이 있을 때만 동작한다
화면 낭독기 사용자는 글자 키로 화면을 탐색하고(예: H로 제목 이동), 음성 입력 사용자는 말한 단어가 글자 키로 입력됩니다. 이때 한 글자 단축키가 의도치 않게 실행될 수 있습니다.
자주 틀리는 예
1. 페이지 어디서나 ’/’ 키로 검색창 이동, ‘s’로 저장
document.addEventListener('keydown', (e) => {
if (e.key === 's') save();
if (e.key === '/') searchInput.focus();
});
const settings = { singleKeyShortcuts: false }; // 기본은 끔, 설정 화면에서 켤 수 있게
document.addEventListener('keydown', (e) => {
if (!settings.singleKeyShortcuts) return;
if (e.target.closest('input, textarea, [contenteditable]')) return; // 입력 중에는 무시
if (e.key === 's') save();
});
2. 조합키로 바꾸기
document.addEventListener('keydown', (e) => {
if (e.altKey && e.key.toLowerCase() === 's') { e.preventDefault(); save(); }
});
단축키가 있다면 도움말에 목록을 알려주세요.
확인하는 방법
- 페이지에서 입력 칸이 아닌 곳을 누른 뒤 글자 키(a~z, 숫자, /, ?)를 하나씩 눌러 무언가 실행되는지 확인하세요.
- 단축키가 있다면 끄거나 바꾸는 설정이 있는지, 특정 요소에 초점이 있을 때만 동작하는지 확인하세요.
- 개발자에게
keydown·keypress이벤트로 처리하는 단축키 목록을 받아 확인하는 것이 가장 정확합니다.
직접 점검해 보기
- 페이지 검사 — 확장 프로그램으로 열린 페이지에서 이 항목과 관련된 문제를 찾습니다
- 수동 점검표 — 33개 항목을 직접 확인하고 기록합니다
- 자주 틀리는 10개 항목 맛보기 점검표 — 무료 엑셀
자주 묻는 질문
Ctrl+S처럼 조합키 단축키도 해당하나요?
이 항목은 Ctrl·Alt 같은 보조키 없이 글자·숫자·기호 키 하나로 실행되는 단축키가 대상입니다. 조합키 단축키는 해당하지 않습니다.
함께 보면 좋은 항목
이 글은 셀프 점검을 돕는 안내이며 공식 해설이나 인증 심사 기준을 대신하지 않습니다. 정확한 기준은 한국형 웹 콘텐츠 접근성 지침 2.2 원문을 확인하세요.