| r5 vs r6 | ||
|---|---|---|
| 1 | ||
| 1 | {{{#!wiki style="display:inline-block; min-width:280px; border:1px solid #999; border-radius:6px; padding:10px; background:@bg@; color:@fg@;" | |
| 2 | '''대비 테스트 샘플'''[br] | |
| 3 | Aa 가나다 123 | |
| 4 | }}} | |
| 2 | 5 | |
| 3 | 글자색 | |
| 4 | 배경색 | |
| 5 | 대비비 | |
| 6 | 기준 | |
| 7 | ||
| 6 | ||<tablewidth=100%><tablebgcolor=#ffffff,#1f1f1f><tablecolor=#222,#eee> 글자색 || @fg@ || | |
| 7 | || 배경색 || @bg@ || | |
| 8 | || 대비비 || @ratio@:1 || | |
| 9 | || 기준 || @level@ || | |
| 10 | ||
| 11 | {{{#!if (+this['ratio']) >= 7 | |
| 12 | {{{#!wiki style="margin-top:6px; padding:6px 8px; border-left:4px solid #2ecc71; background:#eafaf1; color:#145a32;" | |
| 13 | '''AAA 통과'''[br] | |
| 14 | 일반 텍스트 AAA, 일반 텍스트 AA, 큰 텍스트 AA 기준을 모두 만족합니다. | |
| 15 | }}} | |
| 16 | }}} | |
| 17 | ||
| 18 | {{{#!if ((+this['ratio']) >= 4.5) && ((+this['ratio']) < 7) | |
| 19 | {{{#!wiki style="margin-top:6px; padding:6px 8px; border-left:4px solid #27ae60; background:#eafaf1; color:#145a32;" | |
| 20 | '''AA 통과'''[br] | |
| 21 | 일반 텍스트 AA 기준은 만족하지만, 일반 텍스트 AAA 기준에는 미달합니다. | |
| 22 | }}} | |
| 23 | }}} | |
| 24 | ||
| 25 | {{{#!if ((+this['ratio']) >= 3) && ((+this['ratio']) < 4.5) | |
| 26 | {{{#!wiki style="margin-top:6px; padding:6px 8px; border-left:4px solid #f39c12; background:#fff8e1; color:#7d4f00;" | |
| 27 | '''큰 텍스트 AA만 통과'''[br] | |
| 28 | 큰 글자나 굵은 큰 글자에는 사용할 수 있지만, 일반 본문 텍스트에는 부족합니다. | |
| 29 | }}} | |
| 30 | }}} | |
| 31 | ||
| 32 | {{{#!if (+this['ratio']) < 3 | |
| 33 | {{{#!wiki style="margin-top:6px; padding:6px 8px; border-left:4px solid #e74c3c; background:#fdedec; color:#78281f;" | |
| 34 | '''미달'''[br] | |
| 35 | 일반 텍스트와 큰 텍스트 기준 모두 만족하지 못합니다. | |
| 36 | }}} | |
| 37 | }}} |