Welcome to EverybodyWiki ! Nuvola apps kgpg.png Sign in or create an account to improve, watchlist or create an article like a company page or a bio (yours ?)...

Шаблон:Color contrast ratio

От EverybodyWiki Bios & Wiki
Направо към навигацията Направо към търсенето
[редактиране] [почистване] Template-info.png Документация

Данный шаблон возвращает коэффициент цветового контраста между цветами. Он работает с двумя цветовыми представлениями, это может быть стандартный RGB hex color code (#RRGGBB) или стандартный HTML color с включением цвета orange из CSS (= #FFA500). Имена цветов не зависят от регистра (то есть, они могут быть написаны как строчными, так и заглавными буквами).

Использование[редактиране]

Примеры со светлым фоном[редактиране]

Цвет
текста
Цвет
фона
Пример Код Коэффициент
контраста
WCAG 2.0
утв.
Шаблон:Color sample #000000 Шаблон:Color sample #FFFFFF Шаблон:Oncolor #000000|#FFFFFF}} Грешка в израза: Неразпознат пунктуационен знак „[“. AAA
Шаблон:Color sample #000080 Шаблон:Color sample #DDDDDD Шаблон:Oncolor #000080|#DDDDDD}} Грешка в израза: Неразпознат пунктуационен знак „[“. AAA
Шаблон:Color sample #7B0000 Шаблон:Color sample #FF9900 Шаблон:Oncolor #7B0000|#FF9900}} Грешка в израза: Неразпознат пунктуационен знак „[“. AA
Шаблон:Color sample #004800 Шаблон:Color sample #AAAAAA Шаблон:Oncolor #004800|#AAAAAA}} Грешка в израза: Неразпознат пунктуационен знак „[“. AA
Шаблон:Color sample red Шаблон:Color sample white Шаблон:Oncolor red|white}} Грешка в израза: Неразпознат пунктуационен знак „[“. Не
Шаблон:Color sample #FF0000 Шаблон:Color sample #FF9999 Шаблон:Oncolor #FF0000|#FF9999}} Грешка в израза: Неразпознат пунктуационен знак „[“. Не

Примеры с тёмным фоном[редактиране]

Цвет
текста
Цвет
фона
Пример Код Коэффициент
контраста
WCAG 2.0
утв.
Шаблон:Color sample #BADFEE Шаблон:Color sample black Шаблон:Oncolor #BaDFeE|BlAcK}} Грешка в израза: Неразпознат пунктуационен знак „[“. AAA
Шаблон:Color sample red Шаблон:Color sample black Шаблон:Oncolor red|black}} Грешка в израза: Неразпознат пунктуационен знак „[“. AA
Шаблон:Color sample #FFFF00 Шаблон:Color sample #00FFFF Шаблон:Oncolor #FFFF00|#00FFFF}} Грешка в израза: Неразпознат пунктуационен знак „[“. Не

WCAG 2.0[редактиране]

Для выбора оптимального цветового контраста текста и фона используйте «Руководство по обеспечению доступности веб-контента (WCAG) 2.0», в котором изложено следующее:

Оптимальный цветовой контраст для текста по версии WCAG 2.0
Размер шрифта Не соответствует Уровень AA Уровень AAA
Обычный меньше 4.5 от 4.5 до 7.0 больше 7.0
Большой (18 pt или жирный 14 pt) меньше 3.0 от 3.0 до 4.5 больше 4.5

Обычный вики-текст в большинстве браузеров имеет размер от 9.5pt до 10.5pt (от 12.5px до 14px), в зависимости от используемого скина. Для того чтобы квалифицировать текст как «большой», его размер должен быть 180% от обычного, или жирным 140% от обычного, согласно WCAG.

См. также[редактиране]