웹 접근성 지침(KWCAG에 대해) - 7 / 콘텐츠 간의 구분

• 웹 접근성 지침(KWCAG에 대해) - 0
• 웹 접근성 지침(KWCAG에 대해) - 1 / 적절한 대체 텍스트 제공
• 웹 접근성 지침(KWCAG에 대해) - 2 / 자막제공
• 웹 접근성 지침(KWCAG에 대해) - 3 / 색에 무관한 콘텐츠 인식
• 웹 접근성 지침(KWCAG에 대해) - 4 / 명확한 지시 사항 제공
• 웹 접근성 지침(KWCAG에 대해) - 5 / 텍스트 콘텐츠의 명도 대비
• 웹 접근성 지침(KWCAG에 대해) - 6 / 자동 재생 금지

---

이웃된 콘텐츠는 구별될 수 있어야 한다.

 

 

오류 사례와 준수 사례

 

이웃한 콘텐츠는 아래와 같은 방법으로 구분할 수 있다.

1. 테두리를 이용하여 구분

2. 콘텐츠 사이에 시각적인 구분선을 삽입하여 구분

3. 서로 다른 무늬를 이용하여 구분

4. 콘텐츠 배경색 간의 명도대비(채도)를 달리하여 구분

5. 줄 간격 및 글자 간격을 조절하여 구분

6. 기타 콘텐츠를 시각적으로 구분할 수 있는 방법을 통해 구분

 

 

오류 사례

콘텐츠가 구분되지 않아 지저분하게 보이고 한 눈에 파악되지 않는다.

 

준수 사례

콘텐츠 사이에 구분선을 넣거나

 

준수 사례

콘텐츠 배경 간의 명도대비를 통해 콘텐츠를 구분할 수 있다.

---

부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/web344

웹 UI 개발