명도 대비 4.5 대 1 이상 체크 사이트
텍스트 콘텐츠의 명도 대비가 기준에 미달하는 경우 웹접근성에 문제가 생깁니다.
명도 대비 색상 확인 사이트
https://app.contrast-finder.org/result.html?foreground=rgb%2870%2C136%2C71%29&background=%2313BFAD&ratio=4.5&isBackgroundTested=true&algo=HSV&lang=ko
텍스트와 배경 간의 명도 대비가 기준 이하로 제공되고 있다면 색상 변해야 합니다.
사이트에서 확대가 가능한 경우라도 텍스트와 배경 간의 명도 대비를 최소 3:1 이상으로 제공해야 합니다.
댓글 4개
ifelse
2년 전
크롬 같은경우 개발자콘솔에서 css color 있는 부분 찍고 색 변경하면 contrast ratio 라고 점수와 함께 체크박스 뜨는 기능이 있습니다.
jennie102
2년 전
감사합니다. 시간을 내어 그걸 표현해 주셔서 정말 감사합니다. 꼭 MYSITE에 오십시오 :
https://jusabada.com/
https://timespototo.com/
https://online-safer.com/
https://jusabada.com/
https://timespototo.com/
https://online-safer.com/
five2795
1년 전
좋은 정보 감사해요~~
5개월 전
오 감사합니다~~~
게시판 목록
디자이너팁
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 252 | 6년 전 | 1838 | ||
| 251 | 6년 전 | 2055 | ||
| 250 | 6년 전 | 1821 | ||
| 249 |
찐찐222
|
6년 전 | 2144 | |
| 248 | 6년 전 | 2132 | ||
| 247 | 6년 전 | 2201 | ||
| 246 | 6년 전 | 1695 | ||
| 245 | 6년 전 | 1312 | ||
| 244 | 6년 전 | 1615 | ||
| 243 | 6년 전 | 2415 | ||
| 242 | 6년 전 | 3084 | ||
| 241 | 6년 전 | 1899 | ||
| 240 |
아이티몬스
|
6년 전 | 2681 | |
| 239 | 6년 전 | 2994 | ||
| 238 | 6년 전 | 2188 | ||
| 237 |
아이티몬스
|
6년 전 | 2745 | |
| 236 | 6년 전 | 1644 | ||
| 235 | 6년 전 | 2242 | ||
| 234 | 6년 전 | 2615 | ||
| 233 |
아이티몬스
|
6년 전 | 2376 | |
| 232 |
아이티몬스
|
6년 전 | 5168 | |
| 231 | 6년 전 | 2543 | ||
| 230 | 6년 전 | 2756 | ||
| 229 |
|
6년 전 | 2587 | |
| 228 |
하늘위의길
|
6년 전 | 2898 | |
| 227 |
하늘위의길
|
6년 전 | 2764 | |
| 226 | 6년 전 | 1946 | ||
| 225 |
cube6
|
6년 전 | 2792 | |
| 224 | 6년 전 | 2290 | ||
| 223 | 6년 전 | 3047 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기