Accessibility - boostcampwm-2021/iOS04-OwnMyWay GitHub Wiki

Accessibility

Light / Dark Mode

  • Apple은 μ‘°λͺ…이 μ–΄λ‘μš΄ ν™˜κ²½μ—μ„œ μ‚¬μš©μžμ—κ²Œ 졜고의 μ‹œκ°μ  κ²½ν—˜μ„ μ œκ³΅ν•˜κΈ° μœ„ν•΄ iOS 13λΆ€ν„° 닀크λͺ¨λ“œλ₯Ό μ§€μ›ν–ˆμŠ΅λ‹ˆλ‹€.
  • Human Interface Guildline(μ΄ν•˜ HIG)에 μ˜ν•˜λ©΄, μ‚¬μš©μžλŠ” 닀크λͺ¨λ“œκ°€ μ‹œμŠ€ν…œ μˆ˜μ€€μ—μ„œ λ™μž‘ν•  κ²ƒμœΌλ‘œ κΈ°λŒ€ν•˜κ³ , λͺ¨λ“  앱이 이λ₯Ό 지원할 것을 κΈ°λŒ€ν•œλ‹€κ³  ν•©λ‹ˆλ‹€.
  • μ–΄λ‘μš΄ λ°°κ²½μ—μ„œμ˜ μ‹œκ°μ  접근성을 μ΅œλŒ€ν•œ 보μž₯ν•˜κΈ° μœ„ν•΄ HIGμ—μ„œ ꢌμž₯ν•˜λŠ” 방식을 μ±„νƒν•˜μ—¬ 닀크λͺ¨λ“œλ₯Ό μ§€μ›ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
    • μ‹œμŠ€ν…œ λ°±κ·ΈλΌμš΄λ“œ 색상을 적극 ν™œμš©ν•˜κ³ , μ»€μŠ€ν…€ 색상이 ν•„μš”ν•œ 경우 μ•±μ˜ asset catalog에 Color Set을 μΆ”κ°€ν•˜κ³  동적인 색상을 보여쀄 수 μžˆλ„λ‘ κ΅¬μ„±ν–ˆμŠ΅λ‹ˆλ‹€.
    • κ°€λŠ₯ν•œ 경우 SF Symbols을 μ‚¬μš©ν•˜κ³  tint color에 동적인 색상을 μ μš©ν–ˆμŠ΅λ‹ˆλ‹€.


Accessibility

VoiceOver

  • Apple은 μ‹œκ°μž₯μ•  λ“± 화면을 λ³΄λŠ” 것에 μ œμ•½μ΄ μžˆλŠ” μ‚¬μš©μžλ“€μ—κ²Œλ„ μ‚¬μš©μž κ²½ν—˜μ„ μ΅œλŒ€ν•œ μ œκ³΅ν•˜κΈ° μœ„ν•΄ VoiceOverλ₯Ό μ§€μ›ν•©λ‹ˆλ‹€.
  • UIKitμ—μ„œ μ œκ³΅ν•˜λŠ” κΈ°λ³Έ κ΅¬μ„±μš”μ†Œ 외에도 collectionView의 Cell, Header 등에 isAccessibilityElement = true λ₯Ό μ μš©ν•˜μ—¬ VoiceOver ν™˜κ²½μ—μ„œ μ‚¬μš©κ°€λŠ₯ν•˜λ„λ‘ κ΅¬μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • accessibilityLabel 을 톡해 λ‚΄μš©μ„ 읽어주고, accessibilityHint λ₯Ό 톡해 μ½˜ν…μΈ μ™€ μƒν˜Έμž‘μš©ν•˜λŠ” 방법 λ˜ν•œ μŒμ„±μœΌλ‘œ μ œκ³΅ν•˜λ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
⚠️ **GitHub.com Fallback** ⚠️