Skip to content

Keyboard Control

Jump to bottom
yoycode edited this page Jul 7, 2023 · 4 revisions

JDesignSystem은 μ‚¬μš©μž κ²½ν—˜μ— μ€‘μš”ν•œ 역할을 ν•˜λŠ” 접근성을 μ€‘μš”ν•˜κ²Œ μƒκ°ν•©λ‹ˆλ‹€. 특히 ν‚€λ³΄λ“œλ₯Ό μ΄μš©ν•œ μ›Ήμ‚¬μ΄νŠΈ 탐색이 λΆ€λ“œλŸ½κ²Œ μ΄λ£¨μ–΄μ§ˆ 수 μžˆλ„λ‘, ν‚€λ³΄λ“œμ œμ–΄μ— νŠΉλ³„νžˆ 주의λ₯Ό κΈ°μšΈμ˜€μŠ΅λ‹ˆλ‹€.

Focusing

ν‚€λ³΄λ“œλ₯Ό μ›Ήμ‚¬μ΄νŠΈλ₯Ό νƒμƒ‰ν•˜λŠ” μ‚¬μš©μžλ“€μ΄ 우리의 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‰½κ²Œ λ°œκ²¬ν•˜κ³  μ‚¬μš©ν•  수 μžˆλ„λ‘ μ μ ˆν•œ tabIndexλ₯Ό μ§€μ •ν•΄μ£Όμ—ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, 각 μ»΄ν¬λ„ŒνŠΈλŠ” 포컀슀 μ‹œ λͺ…ν™•ν•œ μ‹œκ°μ  ν‘œμ‹œλ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

Keyboard Interaction

λ°©ν–₯ μ œμ–΄, ν† κΈ€, λ‹«κΈ° λ“± ν‚€λ³΄λ“œ μΈν„°λž™μ…˜μ΄ ν•„μš”ν•œ μ»΄ν¬λ„ŒνŠΈμ˜ 경우, λ³„λ„μ˜ λ‘œμ§μ„ μΆ”κ°€ν•˜μ—¬ ν‚€λ³΄λ“œλ‘œ μ»΄ν¬λ„ŒνŠΈμ™€ μƒν˜Έμž‘μš©ν•  수 μžˆλ„λ‘ κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, MacOS와 Windowsμ—μ„œ λ‹€λ₯΄κ²Œ μ²˜λ¦¬λ˜λŠ” event.key 값을 κ³ λ €ν•˜μ—¬, μš΄μ˜μ²΄μ œμ— 관계없이 μΌκ΄€λœ μ‚¬μš©μž κ²½ν—˜μ„ μ œκ³΅ν•  수 μžˆλ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

μ΄λŸ¬ν•œ ν‚€λ³΄λ“œ μΈν„°λž™μ…˜ κ΅¬ν˜„μ€ ARIA Authoring Practices Guide λ₯Ό 기반으둜 μ§€μ†μ μœΌλ‘œ κ°œμ„  및 보완이 될 κ²ƒμž…λ‹ˆλ‹€.

Clone this wiki locally