์ ‘๊ทผ์„ฑ ๊ฐœ๋ฐœ์— ์žˆ์–ด ์‰ฝ๊ฒŒ ๋„์™€์ฃผ๋Š” ๋…€์„์ด ์žˆ๋‹ค! Accessibility Inspector!!

Introduction

์ ‘๊ทผ์„ฑ ๊ด€๋ จํ•ด์„œ ๋ฐ˜์˜ํ•ด์ฃผ๋ ค๋‹ˆ๊นŒ ํ…Œ์ŠคํŠธ ๊ธฐ๊ธฐ๊ฐ€ ์—†๋”๋ผ. ํ  ์ด๊ฑธ ๊ธฐ๋‹ค๋ ค์•ผํ•ด..? ํ•˜๋˜ ์™€์ค‘ ์ฐพ์•„๋ณด๋‹ˆ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑธ ์ œ๊ณตํ•˜๋”๋ผ! ์ด์ „์— ํ”„๋กœ์ ํŠธํ–ˆ์„ ๋•Œ, ์ผ์ผํžˆ ๋นŒ๋“œํ•ด์„œ ํ•˜๋˜ ํŒ€์›์ด ์žˆ์—ˆ๋Š”๋ฐ ์˜ค๋Š˜๋”ฐ๋ผ ์ƒ๊ฐ์ด ๋‚œ๋‹ค.. ์—ฌํŠผ, ์•Œ์•„๋ณด์ž.

์•„, ๊ธฐ๋ณธ์ ์œผ๋กœ ์–ด๋–ค property๋“ค์ด ์žˆ๋Š”์ง€ ๋ชจ๋ฅด๋ฉด VoiceOver๋ฅผ ๋ณด๊ณ ์˜ค์ž.

Accessibility Inspector

  • Xcode โ†’ Xcode Menu โ†’ Open Developer Tools โ†’ Accessibility Inspector

์ผ๋‹จ ์š”๋กœ์ฝ”๋กฌ ๋“ค์–ด๊ฐ€์ฃผ์ž.

๊ทธ๋Ÿผ ์ด๋Ÿฐ ์ฐฝ์ด ๋œฌ๋‹ค. ์ผ๋‹จ ๊ฐ€์žฅ ์ƒ์œ„ ํƒญ๋ถ€ํ„ฐ ์ดํ•ดํ•ด๋ณด์ž.

inspection

  • ์‹œ๊ฐ ์žฅ์• ์šฐ๊ฐ€ ์‚ดํŽด๋ณด๋Š” ๋ฐฉ์‹๋Œ€๋กœ ๋„˜๊ธฐ๋ฉด์„œ (์ขŒ์šฐ ํ™”์‚ดํ‘œ) ํ™•์ธํ•  ์ˆ˜ ์žˆ์Œ
  • ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ์ฝํžˆ๋Š”์ง€ ํ™•์ธ ๊ฐ€๋Šฅ
  • ์ดˆ์ ์ด ์˜ฌ๋ผ๊ฐ„ element์— ์–ด๋–ค accessibility๊ฐ€ ์ ์šฉ๋˜์—ˆ๋Š”์ง€ ํ™•์ธ ๊ฐ€๋Šฅ

audit

  • ์Œ ๋‚˜๋Š” ๋ญ”๊ฐ€ ๋ง›์ด ๊ฐ”๋Š”๋ฐ ์›๋ž˜ ๊ฒฝ๊ณ ๊ฐ€ ์˜ค๋ฅธ์ชฝ์— ๋œฌ๋‹ค..
  • ์ ‘๊ทผ์„ฑ ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๋ฆฌ์ŠคํŠธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Œ
  • Hit area๊ฐ€ ๋„ˆ๋ฌด ์ž‘๋‹ค์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๋“ค์ด ๋œธ
  • Help ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ํ•ด๋‹น ๋ฌธ์ œ๊ฐ€ ์™œ ๋ฐœ์ƒํ–ˆ๋Š”์ง€ ํ˜น์€, ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์คŒ

settings

  • ํฐํŠธ ํฌ๊ธฐ
  • ํ™”๋ฉด ์ƒ‰์ƒ invert ๋“ฑ์˜ ์„ค์ •

๋งˆ๋ฌด๋ฆฌ

์ด๋ ‡๊ฒŒ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์™€ ์‹ค๊ธฐ๊ธฐ์—์„œ ํ•ด๋‹น inspector๋ฅผ ์ผœ๋†“์œผ๋ฉด ๊ต‰์žฅํžˆ ์‰ฝ๊ฒŒ accessibility๋ฅผ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ๋‹ค! ์ข€๋” ๊ณ ๊ธ‰์ง„ ๋…€์„๋“ค๊นŒ์ง€ ์•Œ์•„๋ณด๊ธฐ์—๋Š” ์‹œ๊ฐ„์ด ์—†์–ด์„œ ์ด๋งŒ ๋งˆ๋ฌด๋ฆฌํ•˜๋„๋ก ํ•˜๊ฒ ๋‹ค.

Reference