accesskey

전역 속성 accesskey는 현재 요소에 대한 키보드 단축키를 생성할 때 사용할 힌트를 제공합니다. accesskey 속성의 값은 반드시 출력 가능한 단일 문자(키보드로 입력할 수 있는 글자)여야 합니다.

참고: WHATWG 명세는 accesskey의 값에 공백으로 구분한 여러 개의 문자를 사용할 수 있고, 브라우저는 그 중 지원하는 첫 번째 문자를 사용한다고 되어 있습니다. 하지만 대부분의 브라우저는 이렇게 동작하지 않습니다. IE/Edge에서는 다른 명령과 충돌하지 않는 경우, 지원되는 첫 번째 문자 사용에 문제가 없습니다.

단축키를 활성화하는 방법은 브라우저와 플랫폼에 따라 다를 수 있습니다.

  Windows Linux Mac
Firefox Alt + Shift + key Firefox 57 이상에서는 Control + Option + key 또는 Control + Alt + key
Firefox 14 이상에서는 Control + Alt + key
Firefox 13 이하에서는 Control + key
Internet Explorer Alt + key 없음
Google Chrome Alt + key Control + Alt + key
Safari Alt + key 없음 Control + Alt + key
Opera 15+ Alt + key Control + Alt + key
Opera 12

Shift + Esc 를 통해 접근 가능한 단축키 목록을 열고, 그 중에서 key를 눌러 선택합니다.

Firefox는 단축키에 필요한 수정 키(modifier key)를 사용자가 설정에서 바꿀 수 있습니다.

접근성 우려사항

accesskey 속성에는 빈약한 브라우저 지원을 포함해 수많은 우려사항이 있습니다.

  • accesskey 값은 시스템이나 브라우저 키보드 단축키 또는 보조 기술 기능과 충돌할 수 있습니다. 운영 체제, 보조 기술, 브라우저의 한 조합에서 동작하는 것이 다른 조합에서는 동작하지 않을 수 있습니다.
  • 특정 accesskey 값은 특정 키보드에 존재하지 않을 수 있습니다. 특히 국제화가 중요한 경우 그렇습니다. 따라서 특정 언어에 맞추는 것은 미래의 문제를 유발할 수 있습니다.
  • 숫자에 의존하는 accesskey 값은 숫자가 기능을 실행하는것과 논리적인 관계가 없는 곳에서, 인지 문제를 경험하는 개인에게 혼란을 줄 수 있습니다.
  • 사용자에게 accesskey 들이 존재한다고 알려야 그 기능을 알 수 있습니다. 사용자에게 이 기능을 알릴 방법이 시스템에 없다면, 사용자가 실수로 accesskey 들을 사용할수도 있습니다.

이러한 문제들로 인해, 일반적인 목적을 갖는 웹사이트와 웹 앱에서는 보통 accesskey 들을 사용하지 않는 것을 권장합니다.

명세

명세 상태 코멘트
HTML 5.2
The definition of 'accesskey' in that specification.
Recommendation 실제로 구현된 것에 대한 더 현실적인 동작 설명.
HTML Living Standard
The definition of 'accesskey' in that specification.
Living Standard 최신 W3C HTML 5.1 스펙으로부터 변경 사항 없음.
HTML 5.1
The definition of 'accesskey' in that specification.
Recommendation HTML5 로부터 변경 사항 없음.
HTML5
The definition of 'accesskey' in that specification.
Recommendation HTML 4.01 Specification 로부터, 일부 문자들은 accesskey 로 설정될 수 있음. 또한, 모든 엘리먼트에서 설정될 수 있음.
HTML 4.01 Specification
The definition of 'accesskey' in that specification.
Recommendation <a>, <area>, <button>, <input>, <label>, <legend>, <textarea> 에서만 지원됨.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
accesskeyChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

함께 보기