Повышаем юзабилити: устанавливаем вид курсора с помощью CSS
Ниже приведен перевод статьи от :
Каждый браузер имеет свои собственные настройки CSS стилей по умолчанию, например: цвет ссылки (активной и посещенной), внутренние и внешние отступы, размер шрифта и тип курсора. Браузер отображает курсор в виде указателя (рука), когда пользователь навел на ссылку (текстовую или с изображением), тем самым давая понять, что данный элемент кликабелен. К таким кликабельным элементам также относятся:
- Кнопки форм (имеющие тип button, submit и reset)
- Элементы с событием "onclick"
- Элемент Label
- Элемент Select
- Javascript "триггеры" (Mootools Accordians, например)
Становиться ясно, что мы можем с легостью управлять изменением вида курсора с помощью небольшого CSS кода, и тем самым, повысить юзабилити сайта. Однако, на практике, при неосторожном применении такой код может принести больше вреда, чем пользы. Поэтому мы будем использовать уже проверенный CSS код, чтобы действительно улучшить восприятие сайта:
select, label, .pointer { cursor:pointer; }
Используйте класс "pointer" для кнопок форм, элементы с событием "onclick" и для Javascript "триггеров".
И не используйте псевдо-классы вида "input[type='submit']" , т.к. IE6 их не поддерживает.
Dmoz
а как же красивые примерчики? =)
Цитировать
Урок по теме:
Цитировать
Спорный совет, имхо. В актуальных стандартах (CSS2.1 и CSS3 Basic User Interface, оба в статусе CR) однозначно сказано, что курсор
pointerуказывает ссылку и ничто иное. Приглашаю обсудить вопрос ;)Цитировать
SelenIT, это такой же риторический вопрос как и перевод статьи “Почему дизайнеры должны уметь верстать” :)
Кто-то ориентируется на стандарты, а кому-то важно прежде всего удобство и восприятие.
Цитировать
Вопрос удобства тоже неоднозначен. Лично для меня курсор-”лапка” над стандартным чекбоксом или select-ом выглядит просто дико. Даже для кнопок, как показал опрос на том же Хабре (), почти четверть опрошенных за дефолтный курсор всегда и треть — за “лапку” только для визуально нестандартных кнопок. Лично я, опять же, когда вижу курсор от ссылки, подсознательно жду от объекта ссылочного поведения (возможности открыть в новом табе колесиком и т.п.), и сюрпризы по этой части меня почти всегда раздражают. По мне, кликабельность объекта должна быть очевидна без наведения (формой, расположением и т.д.), и это привычно.
Вот я сам и пытаюсь понять — то ли я безнадежно устарел, то ли Дэвид Уолш слишком заигрался с модными jquery’шными спецэффектами:). Стандарты, вроде, за меня, но они тоже уже не так уж молоды…
Цитировать
по мне так наоборот, обыкновенный курсор над кнопкой, а тем более нестандартной – это упрек вебмастеру. Не спорю с вами, просто каждому нравится свое и навязать сейчас стандарты врятли получится.
Цитировать