В последнее время я с осторожностью относился к доступности цвета в моей работе, и я знал о контролере коэффициента контрастности в инструментах разработки, но он недавно был обновлен и требует сверхзарядки:
Чтобы включить его (по состоянию на август 2017 г.), вам необходимо выполнить следующие действия:
- Используйте Chrome Canary
- Включить эксперименты: chrome: // flags / # enable-devtools -examples (скопируйте и вставьте эту внутреннюю ссылку в Canary)
- В devtools откройте настройки (F1)
- Откройте панель экспериментов
- Ударь
shift
семь раз (нет, я не шучу) - Проверьте строку «Коэффициент контрастности цвета в палитре цветов»
Чтобы получить дополнительную информацию (которая показана на скриншоте выше), вам нужно щелкнуть значение контрастности, и оно переключит информацию о цвете a11y.
Если вы заинтересованы в быстром сборе информации о контрасте, я настоятельно рекомендую также использовать ax devtools extension (для Firefox тоже), я лично считаю это очень полезным.
Изначально опубликовано в B: log Реми Шарпа