아이콘은 특정 동작이나 요소, 정보 등에 대해 사용자의 이해를 돕고 인지 부하를 줄이기 위해 사용합니다. 범용적으로 알려진 아이콘 디자인을 기반으로 하고 최소한의 형태로 본질적인 특성을 표현하여 고객이 별도의 인지과정 없이 자연스럽게 사용하도록 하는 것을 목표로 합니다.
Usage
다음의 경우에 아이콘을 사용할 수 있습니다.
•
기능을 압축하여 표현하는 경우
•
사용자에게 필요한 작업이나 내용을 안내하는 경우
•
시각적인 지루함을 덜기 위한 연출이 필요한 경우
Guidelines
다음의 지침에 따라 아이콘을 제작하고 사용할 수 있습니다.
•
새로운 스타일을 만들지 않고 보편적으로 사용하는 메타포를 활용하여 표현합니다.
•
디테일을 생략하고 최대한 단순하게 표현합니다.
•
컬러 원칙에 따라 톤을 유지합니다.
•
여백의 미세 조정을 통해 균형적으로 보이도록 제작합니다.
•
가급적 선형 아이콘을 사용합니다.
•
누구나 알 수 있는 보편적인 형태를 제외하고는 해당 아이콘을 설명하는 텍스트 레이블을 함께 사용합니다.
Accessibility
접근성 향상을 위해 다음의 지침을 따릅니다.
•
아이콘에는 aria-label을 함께 사용해야 합니다.
•
아이콘 내에 텍스트를 포함하여 만드는 것은 가급적 지양하고 만약 텍스트를 포함하여 렌더링 한 경우에는 aria-label을 사용하지 않습니다.
•
WCAG 2.1 AA 표준 색상 대비 비율에 따라 아이콘 색상을 조정합니다.
