link color contrast с текстом без ссылки

Я много читал о цветовом контрасте относительно цвета текста и фона ( инструмент snook ), однако есть ли аналогичный инструмент для проверки контраста связанного и несвязанного текста?

Конечно, есть дискуссия о том, как визуально различать текст ссылки и текст без ссылки с помощью подчеркивания, однако обычно говорят, что ЕСЛИ вы выбираете использовать только цвет для различения ссылок, тогда контраст между ссылкой и текстом без ссылки должен быть достаточно большим, чтобы ваши пользователи могли легко определить, что именно.

Есть ли какая-либо формула, которая оценивает это как фон?

edit: по существу, я хочу оценить два цвета переднего плана в дополнение к фону. Таким образом, не только два цвета переднего плана должны иметь достаточный контраст с фоном для чтения, но они должны обеспечивать достаточный контраст между собой, чтобы быть различимыми.

7 голосов | спросил Charles Wesley 13 22012vEurope/Moscow11bEurope/MoscowTue, 13 Nov 2012 21:33:56 +0400 2012, 21:33:56

4 ответа


1

Я делаю некоторое дополнительное чтение, и кажется, что ответ заключается в том, что текст ссылки должен иметь коэффициент контрастности 3: 1 для окружающего текста.

Таким образом, вы можете, например, использовать анализатор контрастности сочной яркости для измерения контраст текста ссылки и цвет текста без ссылки, чтобы увидеть, превышает ли их контраст 3: 1.

Затем вы можете использовать анализатор контрастности, чтобы определить, насколько контрастность обоих цветов контрастирует с фоном.

G183: использование коэффициента контрастности 3: 1 с окружающим текст и дополнительные визуальные подсказки по фокусу для ссылок или элементов управления, где используется только цвет для их идентификации

  

С помощью этой технологии разница относительной яркости (легкости) 3: 1 или больше с текстом вокруг нее может использоваться, если доступно дополнительное визуальное подтверждение, когда пользователь указывает или указывает на ссылку , Например, визуальные блики могут иметь форму подчеркивания, изменение стиля шрифта, например, полужирный или курсив, или увеличение размера шрифта.

     

При использовании этого метода достаточно для удовлетворения этих критериев успеха, не является предпочтительным методом для разграничения текста ссылки. Это связано с тем, что ссылки, которые используют относительную яркость одного цвета, могут быть не очевидны для людей с черной /белой цветовой слепотой. Если в блоке текста не так много ссылок, подчеркивание рекомендуется для ссылок.

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

Любой другой цветной фон, вам нужно будет использовать итеративную идею тестирования, опубликованную выше.

Ссылки с контрастность 3: 1 с окружающим текстом - Эти 26 веб-безопасных цветов проходят со скоростью 3: 1 против черного и 5: 1 против белого

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

ответил Charles Wesley 14 32012vEurope/Moscow11bEurope/MoscowWed, 14 Nov 2012 01:57:29 +0400 2012, 01:57:29
1

Существует формула, называемая «Контрастность яркости», которая анализирует цвет ссылок по сравнению с цветом фона.

http://juicystudio.com/services/luminositycontrastratio.php

Согласно WCAG 2.0, вы должны иметь минимальное соотношение 4,5: 1. Чтобы привести пример, черные ссылки (# 000000) и белые фоны (#FFFFFF) дают соотношение 21.00: 1. Формула для работы с этим заключается в предоставленной ссылке с удобным калькулятором.

ответил Matt Maclennan 13 22012vEurope/Moscow11bEurope/MoscowTue, 13 Nov 2012 21:44:22 +0400 2012, 21:44:22
1

Я не знаю адвоката доступности, который говорит о линковом /нелицензионном контрасте без дополнительных визуальных сигналов. W3 WAI рекомендует коэффициент контрастности 3: 1 , но это с визуальными репликами (подчеркивание).

Не существует определенного уровня контрастности или специальных цветовых комбинаций, которые «работают» без визуальных сигналов. Это просто вопрос процента людей, которые не могут визуально определить, что такое ссылка, и нет простой формулы для этого, потому что существует много различные виды цветовой слепоты и разных степеней их.

ответил obelia 13 22012vEurope/Moscow11bEurope/MoscowTue, 13 Nov 2012 21:52:52 +0400 2012, 21:52:52
0

Посмотрите этот инструмент: Accesskey К сожалению, у вас должен быть сайт онлайн!

ответил Igor-G 13 22012vEurope/Moscow11bEurope/MoscowTue, 13 Nov 2012 21:40:33 +0400 2012, 21:40:33

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132