В последнее время я с осторожностью относился к доступности цвета в моей работе, и я знал о контролере коэффициента контрастности в инструментах разработки, но он недавно был обновлен и требует сверхзарядки:

Чтобы включить его (по состоянию на август 2017 г.), вам необходимо выполнить следующие действия:

  1. Используйте Chrome Canary
  2. Включить эксперименты: chrome: // flags / # enable-devtools -examples (скопируйте и вставьте эту внутреннюю ссылку в Canary)
  3. В devtools откройте настройки (F1)
  4. Откройте панель экспериментов
  5. Ударь shift семь раз (нет, я не шучу)
  6. Проверьте строку «Коэффициент контрастности цвета в палитре цветов»

Чтобы получить дополнительную информацию (которая показана на скриншоте выше), вам нужно щелкнуть значение контрастности, и оно переключит информацию о цвете a11y.

Если вы заинтересованы в быстром сборе информации о контрасте, я настоятельно рекомендую также использовать ax devtools extension (для Firefox тоже), я лично считаю это очень полезным.

Изначально опубликовано в B: log Реми Шарпа