๐ŸŽ Design/HIG

[HIG] Accessibility (์ ‘๊ทผ์„ฑ)

Callie_ 2024. 8. 4. 18:00

 

 

์ ‘๊ทผ์„ฑ

- ์• ํ”Œ์˜ ์ ‘๊ทผ์„ฑ ๊ธฐ๋Šฅ์€ ์‚ฌ๋žŒ๋“ค์ด ์• ํ”Œ ๊ธฐ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๊ฐœ์ธ ์ƒํ™ฉ์— ๋งž์ถ”์–ด ๊ฐœ์ธํ™”ํ•˜์—ฌ ์ด์šฉ์„ ๋ณด๋‹ค ๋” ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ์ง€์›ํ•ด์ฃผ๋Š” ์—ญํ• ์„ ํ•จ.
- ํŠนํžˆ ์ ‘๊ทผ์„ฑ์€ '์žฅ์• '๋ฅผ ๊ณ ๋ คํ•ด์„œ ๊ฐœ์ธํ™”๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ, ์• ํ”Œ์ด ์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•˜๋ ค๋Š” ์ด์œ ๊ฐ€ ๋Œ€๋žต 7๋ช… ์ค‘ ํ•œ๋ช…์€ ์žฅ์• ๋ฅผ ๊ฐ–๊ณ  ์žˆ์œผ๋ฉฐ, ์‚ฌ๋žŒ๋“ค์€ ์„ ์ฒœ์  ์žฅ์•  ์™ธ์—๋„ ์ผ์ƒ์—์„œ ๊ฒฝ๋„๊ฐ€ ๋‹ค๋ฅธ ์ผ์‹œ์  ์žฅ์• ๋‚˜ ๋ถˆํŽธ์„ ๊ฒช์„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์• ํ”Œ์˜ ์ ‘๊ทผ์„ฑ ๊ฐœ์ธํ™”๋Š” ๊ฐœ์ธ์˜ ์žฅ์• ๊ฐ€ ๊ธฐ๊ธฐ ์‚ฌ์šฉ์— ์ฃผ๋Š” ์˜ํ–ฅ์„ ์ตœ๋Œ€ํ•œ ์ค„์—ฌ์ฃผ๊ณ ์ž ํ•œ๋‹ค.
 

 ๋ชจ๋ฒ” ์‚ฌ๋ก€

์• ํ”Œ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ•ญ๋ชฉ์„ ์ ‘๊ทผ์„ฑ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋กœ ๋ช…์‹œํ–ˆ๋‹ค.
 
1. ์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•œ ๋””์ž์ธ

  • ์ ‘๊ทผ์„ฑ์€ ๋‹จ์ˆœํžˆ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค.
  • ์–ด๋– ํ•œ ์žฅ์• ๋‚˜ ์ƒํ™ฉ๊ณผ ์ƒ๊ด€์—†์ด "๋ชจ๋“ " ์‚ฌ๋žŒ๋“ค์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒ์ด ์• ํ”Œ์ด ์ง€ํ–ฅํ•˜๋Š” ์ ‘๊ทผ์„ฑ์ด๋‹ค. 
  • ์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•œ ๋””์ž์ธ์€ "๊ฐ„๋‹จํ•จ" ๊ณผ "์ธ์ง€ ๊ฐ€๋Šฅ์„ฑ"์„ ์šฐ์„ ์‹œํ•œ ๋””์ž์ธ์ด๋ฉฐ, ๋งค ์š”์†Œ๋งˆ๋‹ค ์žฅ์• ๋‚˜ ๊ฐœ์ธ ์ƒํ™ฉ์— ๋”ฐ๋ผ ๊ธฐ๊ธฐ๋ฅผ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ•์—์„œ ๋ฒ—์–ด๋‚˜์„œ ๊ธฐ๊ธฐ์™€ ์ƒํ˜ธ์ž‘์šฉํ•ด์•ผํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์†Œ์™ธ์‹œํ‚ค์ง€ ์•Š์Œ์„ ๊ฒ€์ฆํ•œ ๋””์ž์ธ์ด๋‹ค.

 
๊ฐ„๋‹จํ•จ
๋ณต์žกํ•œ tasks๋ฅผ ๊ฐ„๋‹จํ•˜๊ณ  ์ง๊ด€์ ์ด๊ฒŒ ์ˆ˜ํ–‰ํ•˜๋Š”, ์ต์ˆ™ํ•˜๊ณ  ์ผ๊ด€๋œ ์ƒํ˜ธ์ž‘์šฉ์„ ์ง€์›ํ•ด์•ผํ•œ๋‹ค.
 
์ธ์ง€ ๊ฐ€๋Šฅ์„ฑ
์‚ฌ๋žŒ๋“ค์ด ์‹œ๊ฐ, ์ฒญ๊ฐ, ์ด‰๊ฐ ๋“ฑ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š๊ณ  ๋””์ž์ธ ๋œ ๋ชจ๋“  ์š”์†Œ๋ฅผ ์ธ์ง€ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
 
๊ฐœ์ธํ™” ์ง€์›
์‚ฌ๋žŒ๋“ค์€ ์ด๋ฏธ ๊ธฐ๊ธฐ๋ฅผ ๊ตฌ๋งคํ•˜๊ณ  ์‚ฌ์šฉํ•  ๋•Œ ๊ธฐ๊ธฐ ์ทจํ–ฅ, ํ™”๋ฉด ์‚ฌ์ด์ฆˆ, ํ•ด์ƒ๋„, ์ƒ‰์ƒ ์˜์—ญ๋“ฑ์˜ ๊ฐœ์ธํ™”๋ฅผ ๊ฒฝํ—˜ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ๊ฒฝํ—˜์„ ๊ธฐ๊ธฐ๋‚˜ ์ƒํ™ฉ์— ์˜ํ–ฅ ๋ฐ›์ง€ ์•Š๊ณ  ์ฆ๊ธธ ์ˆ˜ ์žˆ๋„๋ก ๊ณ ๋ คํ•œ ๋””์ž์ธ์„ ํ•ด์•ผํ•œ๋‹ค.
 
์•ฑ ๊ฐ์‚ฌ ๋ฐ ํ…Œ์ŠคํŠธ ์ง„ํ–‰
์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณด๋‹ค ๋” ์•ˆ์ •์ ์ด๊ฒŒ ๊ฐœ์„  ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค.
 
 

 


 

 
 

์ƒํ˜ธ์ž‘์šฉ (์ธํ„ฐ๋ž™์…˜)

 
- VoiceOver, Assistive Touch, Pointer Control, Switch Control๊ฐ™์€ ๋ณด์กฐ ๊ธฐ์ˆ ์€ ์‚ฌ๋žŒ๋“ค์ด ๊ธฐ๊ธฐ์™€์˜ ์ƒํ˜ธ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ํ™•์žฅ์‹œ์ผœ์ค€๋‹ค.
- ์ด๋Ÿฐ ๋ณด์กฐ๊ธฐ์ˆ ์€ ์‹œ์Šคํ…œ์—์„œ ์ œ๊ณตํ•ด์ฃผ๋Š” ์ƒํ˜ธ์ž‘์šฉ ๋ฐฉ์‹์„ ํ†ตํ•ฉํ•˜์—ฌ ์‚ฌ์šฉ๋˜๊ธฐ ๋•Œ๋ฌธ์—, ๊ฐœ๋ฐœ์ž๋Š” ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ์‹์œผ๋กœ ์ด๋Ÿฌํ•œ ์‹œ์Šคํ…œ ์ƒํ˜ธ์ž‘์šฉ์„ ์ง€์›ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค.
 

Gesture

์ œ์Šค์ฒ˜ ๋ฎ์–ด์“ฐ๊ธฐ๋Š” NO
- ์‹œ์Šคํ…œ์„ ์ž‘๋™ ์‹œํ‚ค๋Š” ์ œ์Šค์ฒ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๊ฒน์ณ์ง„ ํ”Œ๋žซํผ(์‚ฌ์šฉ์ค‘์ธ ์•ฑ์˜) ์ œ์Šค์ฒ˜ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์— ๋ฐฉํ•ด๊ฐ€ ๋˜์–ด์„œ๋Š” ์•ˆ ๋œ๋‹ค. ๋‹จ์ ์ธ ์˜ˆ๋กœ, ์–ด๋–ค ์•ฑ์„ ์“ฐ๋˜ ๊ฐ„์— ์•„๋ž˜๋กœ ์Šค์™€์ดํ•‘์„ ํ•˜๋ฉด ์•Œ๋ฆผ์„ผํ„ฐ๊ฐ€ ๋‚˜์™€์•ผํ•œ๋‹ค.
 
์ตœ๋Œ€ํ•œ ๊ฐ„๋‹จํ•˜๊ฒŒ
- ์ผ๋ฐ˜์ ์€ ์ƒํ˜ธ์ž‘์šฉ์„ ํ•  ๋• ๊ฐ„๋‹จํ•˜๊ณ  ์ตœ์†Œํ™”๋œ ์ œ์Šค์ฒ˜๋ฅผ ๊ถŒ์žฅ. ์—ฌ๋Ÿฌ ์†๊ฐ€๋ฝ์œผ๋กœ ํ™”๋ฉด ํ„ฐ์น˜ํ•˜๊ธฐ, ์˜ค๋ž˜ ๋ˆ„๋ฅด๊ธฐ ๋“ฑ ํ˜„๋ž€ํ•œ ์ œ์Šค์ฒ˜๋ฅผ ์š”๊ตฌํ•  ์‹œ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ด์šฉ์— ์–ด๋ ค์›€์„ ๊ฒช์„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ง€์–‘ํ•ด์•ผํ•œ๋‹ค.
 
์ œ์Šค์ฒ˜ ๋Œ€์•ˆ๋ฐฉ์•ˆ ์ œ๊ณต
- ์ œ์Šค์ฒ˜๋กœ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค๋ฉด, ์ œ์Šค์ฒ˜๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ์•ˆ์„ ์ œ์‹œํ•ด์•ผํ•œ๋‹ค. ์˜ˆ์‹œ๋กœ, ๋ฆฌ์ŠคํŠธ ํ•ญ๋ชฉ์—์„œ ์™ผ์ชฝ์œผ๋กœ ์Šค์™€์ดํ•‘ ํ•ด์„œ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด, ์Šค์™€์ดํ•‘ ํ•˜์ง€ ์•Š๊ณ ๋„ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•(ํŽธ์ง‘ ๋ชจ๋“œ๋‚˜ ์‚ญ์ œ ๋ฒ„ํŠผ)์„ ์ œ๊ณตํ•ด์•ผํ•œ๋‹ค.
 
์•ฑ์˜ ์ฃผ์š”๊ธฐ๋Šฅ ์ ‘๊ทผ์—” ํ•œ ๊ฐ€์ง€ ๋ฐฉ์‹ ์ด์ƒ์˜ ๋ฌผ๋ฆฌ์  ์ƒํ˜ธ์ž‘์šฉ ์ œ๊ณต
- ์นด๋ฉ”๋ผ์—์„œ ์‚ฌ์ง„์„ ์ฐ์„ ๋•Œ ํ™”๋ฉด์„ ํƒญํ•˜๊ฑฐ๋‚˜ ๋ณผ๋ฅจ ๋ฒ„ํŠผ์œผ๋กœ ์ฐ์„ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ, ํ•œ ๊ฐ€์ง€ ์ด์ƒ์˜ ๋ฐฉ์‹์„ ์ œ๊ณตํ•˜์—ฌ ์ฃผ์š” ๊ธฐ๋Šฅ์„ ์•ฝํ•œ ์•…๋ ฅ ๋“ฑ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์‚ฌ๋žŒ๋“ค๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์•ฑ์˜ ์ฃผ์š” ๊ธฐ๋Šฅ์„ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ์ง€์›ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.

 
 
--- ์—ฌ๊ธฐ์— ๋‘ ๊ฐœ ๋” ์žˆ๋Š”๋ฐ, ์œ„ ๋‚ด์šฉ๊ณผ ๊ฐ™์€ ๋งฅ๋ฝ์˜ ๋‚ด์šฉ์ด๋ผ ๊ตณ์ด ์ •๋ฆฌํ•˜์ง€ ์•Š์•˜๋‹ค. ๋Œ€์‹  ์ƒ๋žตํ•œ ๋ถ€๋ถ„์ธ  VoiceOver, Dwell Control, and Switch Control ์ด๋‚˜ drag-drop ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด ๋” ์•Œ์•„๋ณผ ํ•„์š”๊ฐ€ ์žˆ์„ ์‹œ ๋ฌธ์„œ ๋‹ค์‹œ ํ™•์ธํ•˜๊ธฐ.
 
 

๋ฒ„ํŠผ๊ณผ ์ปจํŠธ๋กค

hit target ์˜์—ญ์€ ์ถฉ๋ถ„ํ•œ ํฌ๊ธฐ๋กœ
- ํ„ฐ์น˜ ์Šคํฌ๋ฆฐ์—์„œ ํ•„์š”ํ•œ hit target ์ตœ์†Œ ํฌ๊ธฐ๋Š” 44 x 44pt๋‹ค. 

 
์ปค์Šคํ…€ํ•œ ์š”์†Œ์˜ ์ ‘๊ทผ์„ฑ์„ ํŠน์ง•ํ™”
- ์‹œ์Šคํ…œ api๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๋‹น component์ด ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ๋ณด์กฐ๊ธฐ์ˆ ์ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์•Œ๋ ค์ค„ ์ˆ˜ ์žˆ๋‹ค.
 
๋ฒ„ํŠผ์˜ ์ค‘์š”์„ฑ ๋ฐ ์ค‘์š”๋„๋ฅผ ์ผ๊ด€๋œ ์Šคํƒ€์ผ๋กœ ํ‘œํ˜„
- ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์•ก์…˜์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฒ„ํŠผ์ด๋ฉด ์‹œ๊ฐ์ ์œผ๋กœ ์ฑ„์›Œ์ง„ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ•์กฐ๊ฑฐ๋‚˜ ๋œ ์ค‘์š”ํ•œ ์•ก์…˜์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฒ„ํŠผ์—” ํšŒ์ƒ‰์ด๋‚˜ ์ผ๋ฐ˜์ ์ธ ๋ฒ„ํŠผ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ๊ฑธ ์˜๋ฏธํ•œ๋‹ค. ์ฆ‰, ๋ฒ„ํŠผ์„ ๋ณด๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋„ ํ•ด๋‹น ๋ฒ„ํŠผ์˜ ์•ก์…˜๊ณผ ์ค‘์š”์„ฑ์„ ์‚ฌ์šฉ์ž๊ฐ€ ์‰ฝ๊ฒŒ ์•Œ ์ˆ˜ ์žˆ์–ด์•ผํ•œ๋‹ค.
 
์‹œ์Šคํ…œ์—์„œ ์ œ๊ณตํ•œ ์Šค์œ„์น˜ ๊ตฌ์„ฑ ์‚ฌ์šฉ ๊ถŒ์žฅ(์„ ํ˜ธ)
- SwiftUI์™€ ๊ฐ™์ด ์• ํ”Œ ์‹œ์Šคํ…œ์—์„  ์ด๋ฏธ ์Šค์œ„์น˜(ํ† ๊ธ€)์˜ ์ƒํƒœ๋ฅผ knobs์™€ ์ƒ‰ ์ฑ„์šฐ๊ธฐ ๋“ฑ์œผ๋กœ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์ง€๋งŒ, ์Šค์œ„์น˜ ์ƒํƒœ๋ฅผ ํ…์ŠคํŠธ๋กœ ์ถ”๊ฐ€ํ•˜์—ฌ ์ผ๋ถ€ ์‚ฌ์šฉ์ž์˜ ์ƒํƒœ ์ธ์‹์„ ๋” ๋ช…ํ™•ํ•˜๊ณ  ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋‹ค.
- ์œ„์™€ ๊ฐ™์€ ์˜ˆ์‹œ์ฒ˜๋Ÿผ, ์‹œ์Šคํ…œ์—์„œ ์ œ๊ณตํ•˜๋Š” ์Šค์œ„์น˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ž๋™์œผ๋กœ 'on/off' ์ƒํƒœ๊ฐ€ ํ‘œ์‹œ ๋˜์–ด ์ ‘๊ทผ์„ฑ์„ ๋” ๋†’์ผ ์ˆ˜ ์žˆ๋‹ค.
 
๋งํฌ์— ์ƒ‰์ƒ ์™ธ ์‹œ๊ฐ์  ์š”์†Œ ์ถ”๊ฐ€ํ•˜๊ธฐ
- ์ƒ‰์ƒ๋งŒ์œผ๋กœ ๋งํฌ๋ฅผ ๊ตฌ๋ณ„ํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์ƒ‰๋งน๊ณผ ๊ฐ™์ด ์ธ์ง€์— ์–ด๋ ค์›€์ด ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค์ด ๊ตฌ๋ถ„ํ•˜๊ธฐ ํž˜๋“ค๊ธฐ ๋•Œ๋ฌธ์— ์‹œ๊ฐ์  ์š”์†Œ์— ๋ฐ‘์ค„ ๋“ฑ์„ ์ถ”๊ฐ€ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.
 
 

์‚ฌ์šฉ์ž ์ž…๋ ฅ

์Œ์„ฑ์ž…๋ ฅ ์ง€์›
- ํ…์ŠคํŠธ ํ•„๋“œ์— ์Œ์„ฑ์ž…๋ ฅ ๋ฒ„ํŠผ์„ ์ถ”๊ฐ€ํ•ด์„œ ์‚ฌ๋žŒ๋“ค์ด ์Œ์„ฑ์ž…๋ ฅ์„ ์‚ฌ์šฉ์ž ์„ ํ˜ธ ์ž…๋ ฅ ๋ฐฉ์‹์œผ๋กœ ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜์ž. ๋งŒ์•ฝ ์ปค์Šคํ…€ํ•œ ํ‚ค๋ณด๋“œ๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, ์Œ์„ฑ์ž…๋ ฅ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ๋Š”์ง€ ํ™•์ธํ•  ๊ฒƒ.
 
์‹œ๋ฆฌ๋‚˜ ๋‹จ์ถ•ํ‚ค ์ง€์›
- ์Œ์„ฑ์œผ๋กœ ์‚ฌ์šฉ์ž ์ž…๋ ฅ ์‹œ ์‹œ๋ฆฌ๋‚˜ ๋‹จ์ถ•ํ‚ค ์ง€์›์„ ๊ณ ๋ คํ•ด์•ผํ•œ๋‹ค.
 
์ผ๋ฐ˜ํ…์ŠคํŠธ ์„ ํƒ์„ ๋ง‰์ง€ ๋ง ๊ฒƒ
- ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๋ฒˆ์—ญ์ด๋‚˜ ์ •์˜๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์ผ๋ฐ˜ ํ…์ŠคํŠธ ์„ ํƒ์„ ๋ง‰์ง€ ๋ง์•„์•ผํ•œ๋‹ค.
 

ํ–…ํ‹ฑ

- ํ™”๋ฉด์„ ๋ณผ ์ˆ˜ ์—†๋Š” ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ํ–…ํ‹ฑ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‹œ์Šคํ…œ์—์„œ ์ •์˜ํ•œ ํ–…ํ‹ฑ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.
 
 
 
 


 
 
 
 

๋ณด์ด์Šค์˜ค๋ฒ„(VoiceOver)

- ๋ณด์ด์Šค์˜ค๋ฒ„๋ž€ ํ™”๋ฉด์„ ๋ณผ ์ˆ˜ ์—†๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ทธ๋“ค ์—ญ์‹œ ์‹œ๊ฐ์  ์ปจํ…์ธ ๋ฅผ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋„๋ก ์†Œ๋ฆฌ๋กœ ์‹œ๊ฐ์  ์ปจํ…์ธ ์˜ ์ •๋ณด๋‚˜ ๋„ค๋น„๊ฒŒ์ด์…˜์„ ์ œ๊ณตํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์ด๋‹ค.
 
--- visible contents์— ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ๋” ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ํ‰๋“ฑํ•˜๊ฒŒ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š”์ง€๋Š” ๋ฌธ์„œ๊ฐ€ ๋„ˆ๋ฌด ์„ธ์„ธํ•˜๊ฒŒ ์ •๋ฆฌํ•ด๋†“์•„์„œ ๋‚ด๊ฐ€ ์š”์•ฝํ•˜๋Š” ๊ฒƒ๋ณด๋‹จ ํ•„์š” ์‹œ ๋‹ค์‹œ ๋ฌธ์„œ๋ฅผ ๋ณด๋Š” ๊ฒŒ ๋‚˜์„ ๊ฒƒ ๊ฐ™์•„ ํ•ด๋‹น ๋””ํ…Œ์ผ ๋ถ€๋ถ„์€ ์ƒ๋žตํ–ˆ๋‹ค.
 
 
 

 


 
 
 

ํ…์ŠคํŠธ (Text Display)

- ํ…์ŠคํŠธ๋Š” ํฐํŠธ ์‚ฌ์ด์ฆˆ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•œ ๋‹ค์ด๋‚˜๋ฏน ํƒ€์ž…์„ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.
- ํฐํŠธ ์‚ฌ์ด์ฆˆ์— ๋”ฐ๋ผ ํ…์ŠคํŠธ ์ž˜๋ฆผ ํ˜„์ƒ์„ ์ตœ์†Œํ™”ํ•ด์•ผํ•œ๋‹ค. ๊ธด ํ…์ŠคํŠธ๋ฅผ ์ž˜๋ฆผํ˜„์ƒ ์—†์ด ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค๋ฉด numberOfLines ์„ ์‚ฌ์šฉํ•ด์„œ ํšจ์œจ์ ์œผ๋กœ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ๋‹ค.
 

์ถœ์ฒ˜: ์• ํ”Œ ๋ฌธ์„œ

 
- ํฐ ํฐํŠธ ์‚ฌ์ด์ฆˆ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ํ…์ŠคํŠธ ๋ ˆ์ด์•„์›ƒ์„ ์Šคํƒ ๋“ฑ์„ ํ™œ์šฉํ•ด์„œ ์กฐ์ •ํ•ด์•ผํ•œ๋‹ค.

์ถœ์ฒ˜: ์• ํ”Œ ๋ฌธ์„œ

 
- ํฐํŠธ ์‚ฌ์ด์ฆˆ๊ฐ€ ์ปค์ง€๋ฉด ์˜๋ฏธ ์ „๋‹ฌ์„ ํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์Šค ์•„์ด์ฝ˜์˜ ํฌ๊ธฐ๋„ ๊ทธ๋งŒํผ ์ปค์ ธ์•ผํ•˜๋Š” ๊ฑธ ๊ณ ๋ คํ•ด์•ผํ•œ๋‹ค.
- ํ˜„์žฌ ๊ธ€๊ผด ํฌ๊ธฐ์™€ ๊ด€๊ณ„์—†์ด ์ผ๊ด€๋œ ์ •๋ณด์ „๋‹ฌ ๊ตฌ์กฐ๋ฅผ ์œ ์ง€ํ•ด์•ผํ•œ๋‹ค. ์‚ฌ๋žŒ๋“ค์ด ์ „๋‹ฌ๋˜์•ผํ•˜๋Š” ์ฃผ์š” ์ •๋ณด๋ฅผ ํ•œ๋ˆˆ์— ์•Œ์•„๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ!
- ์•ฑ์—์„œ ๋ณผ๋“œ์ฒด๋ฅผ ์ ์šฉํ–ˆ์„ ์‹œ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ฝ๊ธฐ ํŽธํ•œ ์ง€๋ฅผ ํ™•์ธํ•ด์•ผํ•œ๋‹ค.
- ์ปค์Šคํ…€ ํฐํŠธ๋Š” ์ฝ๊ธฐ ๊ฐ€๋Šฅํ•ด์•ผํ•œ๋‹ค. ๊ฐ„ํ˜น ์ฝ๊ธฐ ํž˜๋“  ์ปค์Šคํ…€ ํฐํŠธ๊ฐ€ ์กด์žฌํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด๋Ÿฐ ์ ์„ ๊ณ ๋ คํ•ด์•ผ ํ•œ๋‹ค.
- ์ „์ฒด ์ •๋ ฌ๋กœ ํ…์ŠคํŠธ์˜ ์ •๋ ฌ ์„ค์ •์„ ํ•˜๋ฉด ํ…์ŠคํŠธ์— ์ง‘์ค‘ํ•ด์„œ ์ฝ๋Š” ๊ฒƒ์ด ํž˜๋“ค๊ธฐ ๋•Œ๋ฌธ์— ์–ธ์–ด์— ๋”ฐ๋ผ ์™ผ์ชฝ ๋ฐ ์˜ค๋ฅธ์ชฝ ์ •๋ ฌ์„ ํ•ด์•ผํ•œ๋‹ค.
- ๊ธด ํ…์ŠคํŠธ ๊ตฌ์ ˆ์€ ๊ฐ•์กฐ๊ฐ€ ํ•„์š”ํ•œ ๋ถ€๋ถ„ ์™ธ์— ์ „์ฒด ํ…์ŠคํŠธ์— ์ดํƒˆ๋ฆญ์ฒด๋‚˜ ๋Œ€๋ฌธ์ž ์‚ฌ์šฉ์„ ์ง€์–‘ํ•ด์•ผํ•œ๋‹ค.
- ๊ฐ€๋…์„ฑ์„ ์œ„ํ•ด ์• ํ”Œ์ด ๊ฐ€์ด๋“œํ•œ ํ…์ŠคํŠธ ๋‘๊ป˜๋ฅผ ํ™œ์šฉํ•  ๊ฒƒ
* ์ถ”์ฒœ ๋‘๊ป˜ : Regular, Medium, Semibold, bold
* ํ”ผํ•ด์•ผํ•˜๋Š” ๋‘๊ป˜: UltraLight, Thin, Light
 
 
 
 


 
 
 
 
 

์ƒ‰์ƒ๊ณผ ํšจ๊ณผ (Color and effects)

- ๊ฐ์ฒด ๊ตฌ๋ถ„ ๋ฐ ์ฃผ์š”์ •๋ณด๋ฅผ ์ „๋‹ฌํ•  ๋•Œ ์ƒ‰์ƒ ์™ธ ๋ ˆ์ด๋ธ”์ด๋‚˜ ๋ชจ์–‘์„ ์ถ”๊ฐ€ํ•ด์„œ ๋ชจ๋“  ์‚ฌ๋žŒ๋“ค์ด ํ•ด๋‹น ์˜๋ฏธ๋ฅผ ์ „๋‹ฌ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์•ผํ•œ๋‹ค.
- ์ƒ‰์ƒ ๋ฐ˜์ „์„ ํ•˜๊ฑฐ๋‚˜๋Œ€๋น„๋ฅผ ๋ณ€๊ฒฝ ํ–ˆ์„ ๋•Œ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ ์šฉ ๋˜๊ธฐ ๋•Œ๋ฌธ์— ํ…์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์‹œ์Šคํ…œ ์ƒ‰์ƒ ์‚ฌ์šฉ์„ ์„ ํ˜ธํ•˜๋ฉด ์ข‹๋‹ค.
- smart Invert๋ฅผ ํ–ˆ์„ ๋•Œ ํ•ด๋‹น ์ƒ‰์ƒ ์ ์šฉ์ด ๋˜์–ด์•ผ ํ•˜๋Š” ๋Œ€์ƒ์— ๋งž๊ฒŒ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋˜๋Š”์ง€ ํ™•์ธํ•ด์•ผ ํ•œ๋‹ค. (์‚ฌ์ง„, ์˜์ƒ, ์–ดํ”Œ ์•„์ด์ฝ˜ ๋“ฑ์€ ์ƒ‰์ƒ ๋ฐ˜์ „์ด ๋˜์–ด์„œ๋Š” ์•ˆ๋œ๋‹ค)

์ถœ์ฒ˜: https://support.apple.com/en-mide/111773

 
- ์ฝ๋Š” ๊ฒƒ์ด ์‰ฌ์šธ ์ˆ˜ ์žˆ๋„๋ก ์ƒ‰์ƒ ๋Œ€๋น„๊ฐ€ ๊ฐ•ํ•œ ์ปฌ๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ํŠนํžˆ, ๊ฐ€๋…์„ฑ ๋ณด์žฅ์„ ์œ„ํ•ด ์ž‘๊ฑฐ๋‚˜ ์–‡์€ ํ…์ŠคํŠธ์— ๋” ๊ฐ•ํ•œ ๋Œ€๋น„๊ฐ€ ํ•„์š”ํ•˜๋‹ค.
 
- Reduce Transparency ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๋‚ด์šฉ์€ ๋ฒˆ์—ญ์„ ์ƒ๋žตํ–ˆ๋‹ค. ๋”ฑํžˆ ์‚ฌ์šฉํ•  ์ผ์ด ์—†์„ ๊ฒƒ ๊ฐ™์•„์„œ.
 
 
 
 
 


 
 
 
 

๋ชจ์…˜ (Motion)

 
- ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๊ผญ ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๋ฉด ์‚ฌ์šฉ์„ ์ž์ œํ•ด์•ผํ•œ๋‹ค. ์•ฑ ์‚ฌ์šฉ ์‹œ ์• ๋‹ˆ๋ฉ”์ด์…˜์— ์ขŒ์ง€์šฐ์ง€ ๋˜๋Š” ์•ฑ ๊ฐœ๋ฐœ์„ ์ง€์–‘ํ•  ๊ฒƒ.
- ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์›ํ•˜์ง€ ์•Š๋Š” ์‚ฌ์šฉ์ž๊ฐ€ Reduce Motion ๊ธฐ๋Šฅ์„ ์„ค์ •ํ•˜๋ฉด ๊ทธ์— ๋งž๊ฒŒ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๊ฐ€ ๋Œ€์‘ ๋˜์–ด์•ผ ํ•œ๋‹ค.
- ์‚ฌ์šฉ์ž๊ฐ€ ์˜์ƒ ๋ฐ ๊ธฐํƒ€ ๋ชจ์…˜ ํšจ๊ณผ๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค. ์ž๋™์žฌ์ƒ ๋˜๋Š” ์˜์ƒ์€ ์ž์ œํ•˜๊ณ , ์ œ์–ด ๋ฒ„ํŠผ์ด๋‚˜ ์›์น˜ ์•Š๋Š” ๋ชจ์…˜์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ๋Œ€์•ˆ ๋ฐฉ์•ˆ์„ ๋งˆ๋ จํ•ด์•ผํ•œ๋‹ค. 
- ์›€์ง์ด๊ฑฐ๋‚˜ ๊นœ๋นก์ด๋Š” ์š”์†Œ๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์—ฌ๋Ÿฌ ์žฅ์• ๋ฅผ ์ผ์œผํ‚ค๊ฑฐ๋‚˜ ์–ด๋ ค์›€์„ ํ˜ธ์†Œํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ์ •๋ณด ์ „๋‹ฌ์˜ ์œ ์ผํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ์“ฐ์—ฌ์„œ๋Š” ์•ˆ๋˜๊ณ  ๊ทธ๋Ÿฐ ์š”์†Œ๋Š” ์กฐ์‹ฌํ•ด์„œ ์ ์šฉํ•ด์•ผํ•œ๋‹ค.
 
 
 
 
 
 
 
 
Reference
 
https://developer.apple.com/design/human-interface-guidelines/accessibility

Accessibility | Apple Developer Documentation

People use Appleโ€™s accessibility features to personalize how they interact with their devices in ways that work for them.

developer.apple.com

 
https://support.apple.com/en-mide/111773

Use display and text size preferences on your iPhone, iPad, and iPod touch - Apple Support

With iOS accessibility features for the display, you can enlarge your text, make it bold, increase contrast, apply color filters, use Smart Invert, control auto-brightness, and more.

support.apple.com

 
 


 
 
์š”์ฆ˜ ์‹ค์šฉ์ ์ธ ์•ฑ์„ ๋งŒ๋“ค๋ ค๋ฉด ์–ด๋–ค ๊ฑธ ๊ณต๋ถ€ํ•˜๊ณ  ๊ณ ๋ คํ•ด์•ผํ•˜๋Š” ์ง€์— ๊ณ ๋ฏผ์„ ํ•ด๋ณด๋‹ค๊ฐ€, ์–ธ์  ๊ฐ€ ๋ด์•ผ์ง€- ํ–ˆ๋˜ ์• ํ”Œ์˜ HIG ๋ฌธ์„œ๋ฅผ ๋œฏ์–ด๋ณด๊ณ  ์ •๋ฆฌํ•˜๋ฉฐ ๊ณต๋ถ€ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋ฌธ์„œ๋ฅผ ๋ณด๊ณ  ๋‚ด๊ฐ€ ์ดํ•ดํ•œ ๋Œ€๋กœ ๋ฒˆ์—ญํ•˜๋Š” ๋ฐฉ์‹์ด๊ธด ํ•˜์ง€๋งŒ, ๊ทธ๋ž˜๋„ ๊ณต์‹์—์„œ ์ œ์‹œํ•œ ๊ฐ€์ด๋“œ๋ฅผ ์ „์ฒด์ ์œผ๋กœ ๋ณด๋Š” ๊ฑฐ๋ผ ๊ฝค ์˜๋ฏธ ์žˆ๋Š” ์ž‘์—…์ด ๋  ๊ฒƒ ๊ฐ™๋‹ค.
 
์ตœ๊ทผ ํšŒ์‚ฌ์˜ ์ƒˆ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๋ฉด์„œ ๊ธฐํš์ด๋‚˜ ๋””์ž์ธ ๋‹จ๊ณ„์—์„œ iOS๋กœ ๊ตฌํ˜„์ด ๊ฐ€๋Šฅํ•œ์ง€ ํ•ด๋‹น ํŒ€๊ณผ ์˜๊ฒฌ์„ ๋‚˜๋ˆ ์•ผํ•  ๋•Œ๊ฐ€ ์˜ค๋Š”๋ฐ, ์ง์ ‘ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ ์ „๊นŒ์ง„ ๋‚˜๋„ ์ž˜ ๋ชจ๋ฅผ ๋•Œ๊ฐ€ ์žˆ์–ด์„œ ์•ž์œผ๋กœ ๊ทธ๋Ÿฐ ์ƒํ™ฉ์—์„œ ํฐ ๋„์›€์ด ๋˜์ง€ ์•Š์„๊นŒ.
 
๊ทธ๋ฆฌ๊ณ  ์ด๋ฒˆ์— ์ •๋ฆฌํ•˜๋ฉด์„œ ํ…์ŠคํŠธ ํŒŒํŠธ๊ฐ€ ๊ต‰์žฅํžˆ ๊ณต๋ถ€๊ฐ€ ๋˜์—ˆ๋‹ค. ๊ฐœ์ธ์•ฑ ์—…๋ฐ์ดํŠธ ๋•Œ ๋‚ด๊ฐ€ ๋†“์ณค๋˜ ๋ถ€๋ถ„๋“ค์„ ์กฐ๊ธˆ ๊ณ ๋ คํ•ด๋ด์•ผ๊ฒ ๋‹ค.