์ ๊ทผ์ฑ ํต์ฌ ์ฌํญ
- ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ์ ์ ์ฉํ์ฌ ํจ์จ์ ์ผ๋ก ํ์ ๊ฐ๋ฅํ๋๋ก ํ๋ค.
- aria-orientation attribute๋ฅผ ์ฌ์ฉํ์ฌ ๋ฆฌ์คํธ์ ๋ฐฉํฅ์ ์ ์ ์๋๋ก ํ๋ค.
๊ตฌํ ์ฌํญ
ํค๋ณด๋ ๋ค๋น๊ฒ์ด์
- direction prop์ผ๋ก ๋ด๋น๊ฒ์ด์
๋ฐฉํฅ์ ๊ฒฐ์ ํฉ๋๋ค(row/col).
- direction์ด row์ธ ๊ฒฝ์ฐ, ←→ํค๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค. ↑↓ ๋ ๋์ํ์ง ์์ต๋๋ค.
- direction์ด col์ธ ๊ฒฝ์ฐ, ↑↓ํค๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค. ←→ ๋ ๋์ํ์ง ์์ต๋๋ค.
- ํค ์ค๋ช
- ↑/←: ์ด์ ์์๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค. ํ์ฌ ํฌ์ปค์ค ๋ ์์๊ฐ ๊ณ์ธต ๋ด ์ฒ์ ์์์ผ ๊ฒฝ์ฐ ์ด๋ํ์ง ์์ต๋๋ค.
- ↓/→: ๋ค์ ์์๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค. ํ์ฌ ํฌ์ปค์ค๋ ์์๊ฐ ๊ณ์ธต ๋ด ๋ง์ง๋ง ์์์ผ ๊ฒฝ์ฐ ์ด๋ํ์ง ์์ต๋๋ค.
- Home(macOS์ ๊ฒฝ์ฐ โ+↑/←): ๋ฆฌ์คํธ ๋ด ์ฒซ ๋ฒ์งธ ์์๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค.
- End(macOS์ ๊ฒฝ์ฐ โ+↓/→): ๋ฆฌ์คํธ ๋ด ๋ง์ง๋ง ์์๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํฉ๋๋ค.
๊ณ ๋ฏผํ ์ฌํญ
tab sequence ๊ด๋ฆฌ - liํ๊ทธ ์์ฒด์ ํฌ์ปค์ค๋ฅผ ์ฃผ๋ ๊ฒ์ด ์ณ์๊ฐ?
HTML์์๊ฐ ํฌ์ปค์ค๋ฅผ ๊ฐ์ง๋ ๊ฒฝ์ฐ๋ ํฌ๊ฒ ๋ค์๊ณผ ๊ฐ๋ค
- ์ํธ์์ฉ ๊ฐ๋ฅํ ๊ฒฝ์ฐ(button, a ํ๊ทธ ๋ฑ).
- ์๋ฏธ ์๋ ์ ๋ณด๋ฅผ ๋ด๊ณ ์๋ ๊ฒฝ์ฐ(์ํฐํด์ ๋ณธ๋ฌธ ๋ฑ)
li๋ ๋ฆฌ์คํธ ์์ดํ ์ด ๊ฐ์ง๋ ์ฝํ ์ธ ๋ฅผ ๋ฌถ์ด์ฃผ๋ ์ปจํ ์ด๋ ์ญํ ์ ํ๋ ์์์ด๋ค. ๋ฐ๋ผ์ ์ ์ฌํญ์ ํด๋นํ์ง ์์ผ๋ฏ๋ก, ๊ทธ ์์ฒด๋ก ํฌ์ปค์ค๋ฅผ ๊ฐ์ง ํ์๋ ์๋ค๊ณ ํ๋จํ์ฌ li๋ฅผ ๊ฑฐ์น์ง ์๊ณ ๋ด๋ถ ์์๋ก ๋ฐ๋ก ํฌ์ปค์ค๋ฅผ ์ด๋ํ๋๋ก ๊ตฌํํ์๋ค.
ํ์ง๋ง li ๋ด๋ถ์ ํฌ์ปค์ค๋ฅผ ๋ฐ์ ์ ์๋ ์์ ๊ฐ์๊ฐ ๋ง์์ง ๊ฒฝ์ฐ, ํด๋น ์์๋ค์ ๋ชจ๋ ๊ฑฐ์ณ์ผ ๋ค์ li๋ก ํฌ์ปค์ค๋ฅผ ์ฎ๊ธธ ์ ์๊ธฐ ๋๋ฌธ์ ํ์์ด ๋ถํธํด์ง๋ค๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค.

๊ทธ๋ฌํ ๊ฒฝ์ฐ li์์๋ฅผ ํฌ์ปค์ค ๊ฐ๋ฅํ ์์๋ก ๊ตฌํํ๊ณ , tab sequence ๊ณ์ธต์ ์ถ๊ฐํ๋ค๋ฉด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ ๊ฒ์ผ๋ก ๋ณด์ธ๋ค. ๋ค์ ๋งํด, ๋ง์น li๊ฐ ํญ ์ญํ ์ ํ๊ณ li ๋ด๋ถ์ ์ฝํ ์ธ ๊ฐ ํญํจ๋ ์ญํ ์ ํ๋ ๊ฒ์ฒ๋ผ ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ์ ๊ตฌํํ๋ค๋ฉด ์ ์ ์ ์ฅ์์๋ li์ฌ์ด๋ฅผ ๋น ๋ฅด๊ฒ ์ด๋ํ๋ฉฐ ์ํ๋ ์ฝํ ์ธ ๋ฅผ ํ์ํ๊ณ , ํ์ํ ๊ฒฝ์ฐ ํญ์ผ๋ก ์ง์ ํจ์ผ๋ก์จ ์นํ์ด์ง๋ฅผ ๋ ๋น ๋ฅด๊ณ ํธ๋ฆฌํ๊ฒ ์ด์ฉํ ์ ์์ ๊ฒ์ด๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก, ๋ณด๋ค ์ฌ์ฉ์ฑ์ด ์ข์ ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ์ ๊ตฌํํ๋ ค๋ฉด tab sequence๋ฅผ ์ ์ดํด์ผํ๋ค. ์ด๋ ํญ๋ฉ๋ด, ์ค์ฒฉ๋ฆฌ์คํธ ๋ฑ ์ ์ฌํ ํค๋ณด๋ ๋ค๋น๊ฒ์ด์ ์ ์ง์ํ๋ ๋ค๋ฅธ ์ปดํฌ๋ํธ์์ ์ํธ์์ฉ์ ๊ณ ๋ คํด์ผ ํ๋ฉฐ, ์ ์ดํด์ผ ํ๋ ํค์ ์ข ๋ฅ๊ฐ ๋์ด๋จ์ ๋ฐ๋ผ ๋ธ๋ผ์ฐ์ ๋ OS ๊ธฐ๋ณธ ๋์๊ณผ์ ์ถฉ๋๋ ๊ณ ๋ คํด์ผ ํ๋ค. ๋ฐ๋ผ์ ํด๋น ์ด์๋ ์ง๊ธ ๋ฐ๋ก List์ปดํฌ๋ํธ์ props์ผ๋ก ์ ์ดํ๋๋ก ๊ตฌํํ์ง ์๊ณ ์ถํ์ ์ ๋ฐ์ดํธํ๋ ๊ฒ์ผ๋ก ๊ฒฐ์ ํ์๋ค.