HTML-ссылки и удобство использования

Следует ли ВСЕГДА подчеркивать ссылки на веб-странице?
Я не верю, что это должно быть жесткое ПРАВИЛО!
Некоторое время назад я написал комментарий к моему блог об этом после того, как другой разработчик пожаловался, что я не следую веб-стандартам. Это снова происходит, и я хочу знать, что вы думаете. Ее аргумент состоял в том, что для единообразия и удобства ВСЕ ссылки должны быть подчеркнуты ВСЕГДА. Мой менеджер согласился, поэтому я изменил две строки в CSS, и все было сделано. Я был не против поработать, но думаю, юзабилити сайта стало меньше. Слишком много вещей, кричащих вашему вниманию. Я должен упомянуть, что это веб-сайт с множеством страниц для ввода данных. Рассматриваемые ссылки представляли собой навигационные ссылки слева от страницы в поле с названием «Меню». Подчеркивание появлялось, когда вы уже наводили курсор на ссылку, а цвет фона менялся, когда пользователь наводил курсор на ссылку. Я действительно не мог поверить, что я вообще разговаривал. Я был еще более шокирован, когда мой менеджер согласился. Я ошибаюсь? Какие еще аргументы я должен был привести? Спасибо! :)

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
5
0
628
11
Перейти к ответу Данный вопрос помечен как решенный

Ответы 11

Ответ принят как подходящий

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

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

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

@Brad Wilson поднимает хороший вопрос о цветовых различиях и дальтониках. Я могу ошибаться, но я полагаю, что большинство (всех?) Дальтоников не видят разницы только между определенными цветами, но не всеми. Возможно, вы могли бы выбрать цвета, которые всегда будут контрастными? Конечно, я полагаю, что различия в цвете (и, возможно, другие атрибуты форматирования, такие как подчеркивание) также теряются для пользователей, использующих программы чтения с экрана.

Доступность ставит, мягко говоря, много интересных проблем. Что рекомендуют группы защиты доступности для решения этих проблем?

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

Brad Wilson 20.10.2008 19:56

Со ссылками нет проблем с доступностью - программы чтения с экрана знают, что это ссылки, и объявляют их как таковые, независимо от их визуального представления.

savetheclocktower 21.10.2008 00:46

Вообще говоря, ссылки должны быть подчеркнуты (и синего цвета!). Если вы не хотите их подчеркивать, ничего страшного, главное, чтобы их можно было идентифицировать.

Подчеркивание текста, что не ссылка, хуже далеко, чем отсутствие подчеркивания ссылок.

Я согласен - я постоянно нажимаю на подчеркнутый текст, когда это не ссылка.

Ross 20.10.2008 19:56

Я думаю, вам понадобится очень веская причина, чтобы ссылки каким-либо образом не выделялись. Возможно, не подчеркивается, но с первого взгляда должно быть ясно, что что-то является ссылкой. Нет ничего хуже, чем перейти на новый сайт и провести мышью по странице, пытаясь понять, на что нужно щелкнуть.

См. Также Загадочная навигация по мясу

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

Есть некоторые вещи, которые не нужно подчеркивать. Навигация по страницам, элементы меню, ссылки «предыдущий / следующий», особенно если на них есть стрелки, - это лишь некоторые примеры. Я бы по-прежнему предлагал сделать им подчеркивание при наведении курсора.

Лучше всего начинать с синего и подчеркнутого для ссылок и отклоняться только тогда, когда у вас есть причина для этого. Люди ожидают синего / подчеркнутого цвета, поэтому очевидно, что это будет «лучше всего», особенно в том, что касается ссылок в основном тексте. Однако было бы абсурдно предполагать, что ссылки должен расположены таким образом. Я бы сказал, что подчеркивание важнее синего, поскольку важен контраст с обычным текстом (контраст относится к форме и весу, а также к цвету.

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

Спросите Якоба Нильсена, и он скажет да, ссылки все должны быть подчеркнуты и выделены синим цветом. Тем не менее, посмотрите его сайт. Без сомнения, его можно использовать, но (и он предполагает это), чтобы доказать свою точку зрения, он идет на крайности.

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

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

В конце концов, все сводится к зависит. Ваше начальство только что согласовало наиболее вероятный путь без риска.

Самым сложным аспектом юзабилити является то, что каждый сайт / проект уникален, и каждый элемент служит своей цели. Я согласен с мнением, что подчеркнутые ссылки способствуют созданию удобного сайта, однако я не думаю, что ссылки, которые не подчеркнуты, вызовут какие-либо проблемы с удобством использования, если они имеют такой стиль, который отличает их от текста или других элементы, которые их окружают. Это решения, которые следует принимать во время разработки; когда вы дожидаетесь реализации, чтобы выбрать цвета ссылок, вы ставите на карту удобство использования. Дизайн должен быть хорошо продуман и тщательно продуман, чтобы пользователю была понятна схема навигации. Означает ли это, что ссылки нужно подчеркивать? Что ж, это зависит от вашего пользователя или аудитории. Если ваша целевая аудитория - это люди, разбирающиеся в Интернете, я думаю, что у вас немного больше гибкости, когда дело доходит до внешнего вида ссылок. Для публичных информационных и / или правительственных сайтов я бы предпочел использовать "стандартный" вид.

В вашем случае, я думаю, у вас есть довольно веские аргументы; рассматриваемые ссылки были в поле с названием «Меню», поэтому пользователь уже ожидал, что что-то произойдет, если он щелкнет элемент в этом поле. Один из аргументов, который вы могли бы привести, заключается в том, что он жертвует внешним видом сайта ради удобства использования, что снижает общее впечатление пользователя.

Мой общий взгляд на это: Выберите яркий цвет для ссылок, сделайте его согласованным на всем сайте. Подчеркивание при наведении только на меню, вкладки и т. д. И (необязательно) всегда подчеркивайте ссылки, которые находятся внутри абзацев.

Ссылки, как и все, что обозначает какое-то взаимодействие, должны выделяться среди прочего содержимого страницы. Это не обязательно означает, что ссылки должны быть подчеркнуты. Холодное и жесткое соблюдение стандартов (подчеркнутых и голубых) ограничивает инновации, определяя абсолютные границы. Если вы думаете об этом с точки зрения дизайна HCI, пользователей визуально привлекают те элементы, которые выглядят иначе, чем те, что их окружают. В зависимости от того, как вы размещаете различные визуальные элементы вместе, вы можете достичь того же уровня автоматического понимания функциональности, не полагаясь на эти стандартные определения стилей. Конечно, проблема в том, чтобы заново изобрести стандарты, заключается в том, что если вы потерпите неудачу, вы просто запутаете пользователя.

Думаю, ты прав. Если есть «жесткое и быстрое правило», то оно такое: ссылки на веб-странице всегда должны иметь возможность.

Другими словами, если пользователь понимает, что должен щелкнуть по нему, то его можно использовать, даже если он не подчеркнут. Он может выглядеть как кнопка или тег (например, на каждой странице этого сайта), квадратное меню со стрелкой или что-то еще, что пользователь узнает по опыту как объект, на который нажимают.

(Имейте в виду, что нет достаточно, чтобы показать аффорданс при наведении курсора. Это только частичное признание. Пользователю не нужно перемещать указатель мыши по странице и видеть, какой текст «что-то делает» при наведении курсора.)

Другие вопросы по теме