Случайная фотография

Увеличить

Рекламные ссылки

Блог

Постраничная навигация

09.07.2009

Тэги: cookbook | интерфейсы

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

Близкую к идеалу, с моей точки зрения, навигацию я впервые увидел на flikr.com (позже такую же сделал mail.ru):

CSS для отображения ссылок в виде квадратиков:

/* Ссылки перелистывания. */
a.search_page {
	border: solid 1px #CFCFCF;
	padding: 2px 6px;
	text-decoration: none;
	margin: 0 2px;
}
/* Ссылки перелистывания при наведении курсора. */
a.search_page:hover {
	color: #FFF;
	background: blue;
	border-color: #CFCFCF;
	text-decoration: none;
}
/* Текущая страница */
span.search_page_now {
	border-width: 0;
	color: #000;
	font-weight: bold;
	padding: 2px 6px;
}




 

Комментировать

Для добавления комментария необходимо авторизоваться через социальные сети.

Подписаться на комментарии: Подписаться на комментарии через RSS RSS