This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Какъв цвят контраст се изисква за текст на уеб сайтове?
Нормалният текст се нуждае от контрастно съотношение от най-малко 4,5:1 на фона, голям текст от около 24 пиксела или смели от около 18,7 пиксела год. Тези прагове идват от международния стандарт WCAG. Те се уверете, че дори хора с ниско зрение могат да четат вашите текстове и всеки посетител на слънчева светлина на телефоните си.
Контрастното съотношение, обяснено на всекидневния език
Контрастното съотношение описва колко цвят на текста и цвят на фона се различават в тяхната яркост. Черно върху бяло достига максималната стойност 21:1 и чете без усилие. Модерната светлина сиво върху бялото често е под 3:1 год. за хора с възрастов спад в зрението, такъв текст замъглява в сива зона. Не само визуално увредените са засегнати: клиентът, който търси работното ви време на слънчева светлина на мобилния телефон, също не успява поради слаби контрасти. Прагът 4.5:1 за нормалния текст и 3:1 за големия текст е компромисът между творческата свобода и надеждната четливост, заложени в стандарта.
Това е начина, по който нашите измервания ядрото мерки контраста..
Основното измерване се извършва от брадва: Той изчислява контрастното съотношение между текст и фонов цвят за текстовете на вашата страница. За текст на снимки или цветови градиенти, не инструмент може просто да четете фона горчицата ни продължава: Той обръща текста за кратко невидим, фотографира местоположението в браузъра, изчислява яркостта на действителния фонов пиксел по пиксел и определя истинския контраст срещу цвета на текста. По този начин, не решава, става солидна преценка. Всяка неизправност се документира в доклада с измерената стойност, необходимия праг и документирана снимка на екрана, така че можете да видите точно кой пасаж е засегнат.
Подобрете контраста без да жертвате дизайна
Добрите контрасти не принуждават черно-бял дизайн. Обикновено това е достатъчно, за да потъмни цвета на текста с няколко градуса.. За текст на снимки, доказани дръжки помощ: полупрозрачна тъмна зона зад текста, цветен градиент в долната част на изображението или прехвърлянето на текста в тиха зона на изображението. Вие обикновено не трябва да се променят цветовете на марката си за това го често е достатъчно да ги използвате за големи фонове и да изберете по-тъмен или по-лек вариант на същия цвят семейство за текста.
Beispiele
Сив текст върху бяло
body { color: #999999; background: #ffffff; } /* 2,8:1 */body { color: #595959; background: #ffffff; } /* 7,0:1 */Границата за нормален текст е 4.5:1, за голям текст от 24 пиксела 3:1. Стойността е в протокола от изпитването за справка.
Бял надпис върху цвят на марката
.knopf { color: #fff; background: #5aa9ff; } /* 2,5:1 */.knopf { color: #fff; background: #1a5fb4; } /* 6,3:1 */- Проверете вашия сайт за сив текст първи горнища, надписи, и форма бележки са най-често под прага.
- Помолете вашата агенция да провери всички цветове на текста спрямо праговете 4.5:1 и 3:1 и да документира стойностите.
- Поставете текст върху снимки с полупрозрачна тъмна повърхност, вместо да оставите четивността на изображението.
- Погледнете вашата страна в светлата дневна светлина на телефона си голове, които винаги се накланят за нискогледи посетители.
- Посочете тестваните цветови комбинации в ръководството за дизайн, така че новите страници да ги приемат.
