Accessibility
접근성 높은 디자인을 통해 색맹, 저시력, 저속력 네트워크등 개인의 능력이나 환경의 제약과 관계없이
모든 사용자가 동등하게 정보를 탐색하고 혜택을 즐길 수 있도록 기준을 제시하고 준수합니다.
Accessibility Basics
특정 환경이나 신체적 장애에 상관없이 모든 사람에게 동일한 품질의 경험을 제공할 수 있도록 접근성 가이드를 준수합니다.
- 주요 수행 버튼 (구매, 결제 등)은 배경과의 명도대비를 3:1 이상이 되도록 제공합니다.
- 가이드라인은 화면을 볼 수 없거나 작은 영역을 터치하는데 어려움이 있는 사용자가 앱의 요소를 탭하는데 도움이 될 수 있도록 제공합니다.
- 입력 도움용 텍스트의 명도 대비가 4.5:1 이상이 되도록 제공합니다.
Color & contrast
저시력, 노안의 경우 명도 대비가 뚜렷하지 않은 콘텐츠를 제대로 인식하기 어려우므로 콘텐츠와 배경의 명도 대비가 최소 3:1이상의 명도대비를 권장하며, 크기가 작은 텍스트는 최소 4.5:1 이상의 명암대비를 준수합니다.
- 폰트 사이즈는 최소한 11포인트 이상으로 사용합니다.
Writing
콘텐츠에는 필수 요소와 비필수 요소가 있으며 장식성 이미지와 비활성화 상태는 명도 대비 기준을 제공하지 않습니다.
- 필수 : 텍스트가 모든 명암비 및 크기 요구 사항을 충족합니다.
- 비필수 : 장식요소는 일러스트레이션의 배경과 개성을 만듭니다. 정보를 전달하지 않으며 대비 요건을 충족할 필요가 없습니다.
Touch and pointer targets
터치 영역은 사용자 입력에 반응하는 화면의 일부로, 요소의 시각적 경계를 넘어 확장되어 제작합니다.
- 아이콘이 24x24로 표기될 수 있지만 아이콘을 둘러싼 패딩은 48x48dp 터치 영역으로 구성됩니다.
- 터치영역 : 터치 영역은 최소 48x48dp로 만듭니다. 화면 크기에 관계없이 물리적 크기와 약 9mm입니다. 터치 화면 요소에 대한 권장 대상 크기는 7~10cm입니다. 더 넓은 범위의 사용자를 수용하려면 더 큰 터치 영역을 사용하는 것이 적절할 수 있습니다.
Usage
모든 사용자가 환경의 제약없이 정보를 탐색하고 즐길 수 있게 기준을 준수합니다. 저시력, 노안의 경우 명도 대비가 뚜렷하지 않은 콘텐츠를 제대로 인식하기 어려우므로 콘텐츠와 배경의 명도 대비가 커야합니다.
Do컨테이너 색상이 배경색 대비 3:1 명암비를 충족합니다.
Don't탭의 색상은 UI 배경에 대한 표준대비를 통과하여 저시력 사용자를 위한 충분한 대비 지원을 제공합니다.
