accesskey

시도해 보기

<p>If you need to relax, press the <b>S</b>tress reliever!</p>
<button accesskey="s">Stress reliever</button>

b {
  text-decoration: underline;
}

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

접근성 고려사항

accesskey 특성은 빈약한 브라우저 지원을 포함해, 사용하기 전 고려해야 할 수많은 사항이 있습니다.

• accesskey 값은 시스템이나 브라우저 키보드 단축키 또는 ë³´ì¡° 기술 기능과 충돌할 수 있습니다. 운영 체제, ë³´ì¡° 기술, 브라우저의 어떤 조합에서 동작하는 키가 다른 조합에서는 동작하지 않을 수 있습니다.
• 특정 accesskey 값은 특정 키보드에 존재하지 않을 수 있으며, 국제화가 중요한 경우 많은 키보드 종류로 인해 문제가 될 가능성이 커집니다. 따라서 특정 언어에 맞추는 것은 미래의 문제를 유발할 수 있습니다.
• 숫자에 의존하는 accesskey 값은, 해당 숫자와 ê·¸ 동작에 연관성이 없는 경우 인지력 문제를 겪고 있는 사용자에게 혼란스러울 수 있습니다.
• 사용자에게 accesskey가 존재한다고 알리세요. 시스템에 해당 기능을 알리는 기능이 없다면, 사용자가 실수로 accesskey를 사용할수도 있습니다.

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

• WebAIM: Keyboard Accessibility - Accesskey

명세

브라우저 호환성

함께 보기

• Element.accessKey
• HTMLElement.accessKeyLabel
• 모든 전역 특성.
• aria-keyshortcuts