728x90 300x250 SMALL 앱접근성5 시스템 설정에 따라 애니메이션 제한 하기 iOS, 웹, 안드로이드 감각에 민감한 사용자들은 화면의 과도한 애니메이션, 전환 효과, 번쩍임 등에 불편을 느낄 수 있다.그래서 OS에서 "애니메이션 줄이기" 기능을 제공하고 앱이 이 설정을 따라서 애니메이션을 줄여줘야 한다.iOS 에서는?시스템 설정 : 설정 > 손쉬운 사용 > 동작 > 동작 줄이기이 설정을 켜면, 앱페이지 전환 애니메이션, 파티클 효과 등 불필요한 움직임을 줄요야 한다.Swift 대응 방법 (iOS)if UIAccessibility.isReduceMotionEnabled { // 애니메이션 없는 대체 처리 myView.alpha = 1} else { // 원래 애니메이션 처리 UIView.animate(withDuration: 0.5) { myView.alpha = 1 .. 2025. 4. 14. [앱접근성] UI 요소 순서가 논리적인지 파악하기 스크린리더(VoiceOver, TalkBack)는 화면을 시각적으로 보지 않고, 요소들을 하나씩 읽어주며 탐색한다.그래서 탐색 순서가 논리적이어야 한다. 예시1: 로그인 화면UI 요소(시각 순서)스크린리더 읽기 순서( ❌ 잘못된 예)1. 이메일 입력창1. 로그인 버튼2. 비밀번호 입력창2.이메일 입력창3. 로그인 버튼3. 비밀번호 입력창 UI 시각 순서 대로 이메일 -> 비밀번호 -> 로그인 버튼 순서로 읽혀야 하지만 그렇지 않을 경우 사용자 혼란!예시 2: 카드형 UI리스트[🔍검색창][📰 뉴스 제목1][📷 이미지] [📝 설명][❤️ 좋아요 버튼]스크린리더가 읽을 때도 뉴스제목 -> 이미지 -> 설명 -> 좋아요 버튼 이런 순서로 정보 흐름이 자연스러워야 한다.개발 팁(Android)XML에서 .. 2025. 4. 13. 웹접근성 체크, 명도 대비 비율 계산 이렇게 확인하세요! 웹접근성 명도대비 체크 도구 주소https://webaim.org/resources/contrastchecker/ Resources > Contrast Checker This tool requires Javascript. Contrast Ratio permalink Normal Text The five boxing wizards jump quickly. Large Text The five boxing wizards jump quickly. Graphical Objects and User Interfa" data-og-host="webaim.org" data-og-source-url="https://webaim.org/resources/contrastchecker/" data-og-url="https://.. 2025. 4. 12. 모바일 앱 접근성 체크리스트 (2025 기준) 항목체크사항참고사항폰트 크기 대응시스템 설정의 글자 크기 변경 시 앱 내 텍스트도 함께 커지나요?sp단위(Android), Dynamic Type(iOS)사용명도 대비텍스트 vs 배경 색상 대비가 WCAG기준 이상인가요?일반 텍스트 4.5:1 이상, 큰 텍스트 3.0:1 이상스크린 리더 대응VoiceOver / TalkBack 사용 시 UI 요소가 정확하게 읽히나요?버튼, 이미지에 라벨 부여 필수포커스 순서스크린리더 포커스 이동이 논리적 순서로 되어 있나요?시각 흐름에 맞게 이동해야 함버튼/터치 크기버튼/터치 가능한 영역이 최소 48X48dp 이상인가요?실제 누르기 쉬운지 확인자막/대체 텍스트이미지, 동여상에 적절한 대체 텍스트나 자막이 있나요?contentDescription, accessibility.. 2025. 4. 11. 이전 1 2 다음 728x90 반응형 LIST
