предосторожность


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

В сегодняшней статье мы видим простое правило CSS, уже присутствует во многих CSS Reset. Я говорю о собственности “контур”. Если правило “контур” не установлено, то браузер покажет пунктирную рамку вокруг каждой ссылки щелкнула. Значение по умолчанию, потому что это также считается тем, кто использует ключ Tab для перехода, и без окантовки теряет фокус не больше понимания этой связи произошло. Я также имею в виду тех, кто не может использовать мышь, чтобы визуальный дефект. Удаляя бисероплетение бы вы сделать ваш сайт недоступным для них.

контур

Доска ссылка только что посетили

Среди прочего, определяют “фокус” Это не является факультативным, Это четко указано в “принципы доступности веб-контента“.

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

в приведенный выше пример, мы имеем “a:фокус” CSS таким образом,:

#test1:фокус { фон: #FFFF00; }
#test2 в:фокус { цвет: #FF6600; }
#test3:фокус { контур: #FF0000 пунктир среда; }
#test4 в:фокус { цвет: #FFFFFF; фон: #ff0000; }

Приглашение на этот HTML:

<ul>
  <в>определим <продолжительность ID ="test1"><A HREF ="#test1">Альтернативный цвет фона</a></пролет>,</в>
  <в>определим <продолжительность ID ="test2"><A ID ="текст" HREF ="#">цвет текста</a></пролет>,</в>
  <в>изменение <продолжительность ID ="test3"><A ID ="шд" HREF ="#">бордовый в неплатеже</a></пролет>,</в>
  <в><продолжительность ID ="test4"><A ID ="много" HREF ="#">изменения более&тор; параметры</a></пролет> дать высокую видимость&germandbls;.</в>
</ul>

 

Это не достаточно?


TheJoe

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

0 Комментарии

оставьте ответ

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатывается комментарий данных.