웹 접근성, 명도 대비

목차

1. 목차

2. 웹 접근성

2-1. 명도 대비

3. 요약

---

웹 접근성

웹 접근성을 위하여 체크해야 할 사항이 있습니다. 이를 지키면 조회수에 도움이 되어 꾸준히 관리해야 할 내용입니다.

- - - 참고 이미지 - - -

네이버 널리 메인 페이지

- - -

웹 접근성 관련 사이트인 네이버 널리는 아래 링크를 통해서 알려드립니다.

- https://jirisan800.tistory.com/433

네이버 널리의 체크리스트에서는 명도 대비를 4.5:1 이상을 안내하고 있습니다.

- https://nuli.navercorp.com/sharing/a11y/checklist

- - - 참고 이미지 - - -

WebAIM Contrast Checker

- - -

WebAIM 사이트에서 명도 대비를 확인할 수 있습니다.

- https://webaim.org/resources/contrastchecker/

명도 대비는 텍스트, 이미지, 사이트 등 눈으로 볼 수 있는 컨텐츠에서 지켜줘야 사용자가 편하고 그만큼 이용 시간과 조회수가 상승하게 됩니다.

- - - 참고 이미지 - - -

망고보드 컬러픽커 크롬 확장 프로그램

- - -

명도 대비 확인 사이트만으로는 관리하기 힘듭니다. 그러므로 색상 스포이드 기능을 갖고 있는 크롬 확장 프로그램을 사용하여 빠르게 관리할 수 있습니다. 망고보드 컬러픽커는 아래 링크를 통해서 찾아갈 수 있습니다.

- https://chrome.google.com/webstore/detail/mangoboard-colorpicker/cmncbfaaiogmfeelmicmaafbibedljpk

---

요약

1. 명도 대비

2. 네이버 널리

3. WebAIM

4. 망고보드 컬러픽커