Google Material Design - 접근성

 
안녕하세요 찐망고입니다.
 
Material Design은
Google에서 2014년에 개발한 디자인 언어로,
웹과 모바일 애플리케이션의 사용자 인터페이스(UI) 및 사용자 경험(UX)을 향상시키기 위해 만들어졌는데요.
 
Material Design 사이트는 디자이너와 개발자들에게 이 디자인 시스템을 쉽게 적용할 수 있도록

가이드라인, 구성요소, 도구 등을 제공합니다.
 
https://m2.material.io/design/usability/accessibility.html#understanding-accessibility

Material Design

머티리얼 디자인의 중요한 구성 요소 중 하나는
부분 구성을 나누는 방식입니다.
1. 시각적 계층 구조: 색상, 크기, 위치 등을 통해 정보의 중요도를 표현하는 방법
2. 정보 구조: 콘텐츠를 논리적으로 구성하여 사용자가 쉽게 이해할 수 있도록 하는 방법
3. 내비게이션 계층: 사용자가 웹사이트나 앱을 효율적으로 탐색할 수 있도록 돕는 구조

이러한 계층 구조는 접근성 측면에서 매우 중요합니다. 시각 장애인을 포함한 모든 사용자가 콘텐츠를 쉽게 이해하고 탐색할 수 있도록 도와주기 때문입니다.

Clear (명확성)

Clear (명확성)
• 가시성 높은 요소: 모든 UI 요소를 명확하게 보이도록 설계합니다.
• 충분한 대비와 크기: 텍스트와 배경 간의 대비를 높이고, 적절한 크기를 사용하여 가독성을 향상시킵니다.
• 중요도의 계층 구조: 정보의 중요도에 따라 시각적 계층을 만들어 사용자가 쉽게 이해할 수 있도록 합니다.
• 한눈에 파악 가능한 핵심 정보: 중요한 정보를 빠르게 인지할 수 있도록 디자인합니다.

Robust (견고성)

 

Robust (견고성)
• 다양한 사용자 수용: 주의력이 짧은 사용자, 신규 사용자, 스크린 리더 사용자 등 다양한 사용자를 고려합니다.
• 내비게이션 지원: 사용자가 앱 내에서 현재 위치와 중요한 요소를 쉽게 파악할 수 있도록 합니다.
• 중요 작업 이해 지원: 색상, 모양, 텍스트, 모션 등 다양한 시각적 및 텍스트 단서를 통해 중요한 정보를 강조합니다.
• 접근성 보장: 텍스트 전용 버전의 앱에서도 모든 기능을 이용할 수 있도록 적절한 레이블을 제공합니다.

 

Specific (구체성)

Specific (구체성)
•플랫폼별 보조 기술 지원: 각 플랫폼에 맞는 보조 기술을 지원합니다. 예를 들어, 안드로이드 앱에서는 TalkBack과 같은 스크린 리더와 호환되도록 설계합니다.
추가 접근성 고려사항
•다양한 표현: 인종, 의복, 신체 능력, 사회적 계층 등 다양한 사용자를 대표하는 이미지와 일러스트레이션을 사용합니다.
•언어와 문해력 고려: 간단하고 기본적인 영어를 사용하고, 필요한 경우 사용자의 모국어로 번역합니다. 또한 비문해자를 위해 그래픽 큐를 제공합니다.
•간단한 구조: 복잡한 계층 구조를 피하고, 메뉴, 탭, 드롭다운 등을 단순화하여 사용자가 쉽게 탐색할 수 있도록 합니다.

 

이러한 지침은 앱의 향상된 기능을 강화할 뿐만 아니라
모든 사용자가 더 나은 사용자 경험을 누릴 수 있도록 지원합니다.