Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн

Статьи о дизайне   Портфолио дизайнера
Дизайн Форум


Про дизайн и web дизайн




Главная     Форум     Галереи




  Статьи о дизайне





  Стандарты в web дизайне





"Проверочный список для веб-стандартов" (A web standards checklist)

1. Качество кода:
Указан ли у страниц правильный Doctype?
Указан ли у страниц charset?
Валиден ли (X)HTML код страниц сайта?
Валидны ли CSS-таблицы сайта?
Использует ли сайт какие-либо CSS-хаки?
Используются ли на сайте какие-либо лишние и ненужные классы (class) и идентификаторы (id)?
Хорошо ли структурирован код страниц?
Есть ли на сайте сломанные ссылки?
Как у сайта со скоростью загрузки страниц и с их размерами?
Выдает ли браузер какие-либо ошибки JavaScript при работе со страницей?

2. Степень разделения контента и представления:
Используется ли на сайте CSS для всех аспектов оформления страницы (шрифты, цвета, отступы, границы и т.д.)?
Перенесены ли вся декоративная графика в CSS, или она все еще встречается в (X)HTML-коде?

3. Доступность для пользователей:
Используется ли атрибут "alt" во всех значимых изображениях?
Используется ли на сайте для шрифта относительные единицы измерения вместо фиксированных?
Ломается ли каким-либо образом компоновка страницы при увеличении размера шрифта?
Есть ли на странице видимая ссылка "пропустить"?
Используются ли на сайте доступные формы?
Используются ли на сайте доступные таблицы?
Достаточно ли контрастны и ярки цвета на страницах сайта?
Используется ли только цвет для выделения критической информации?
Используется ли задержка в выпадающих меню (для пользователей с медленной моторикой)?
Все ли ссылки содержат описания (для слепых пользователей)?


Чемпионат мира по футболу 2018


4. Доступность для устройств:
Достаточно ли хорошо сайт работает и в современных и в старых браузерах?
Можно ли работать с материалами сайта при отключенном CSS или в броузере, где нет поддержки CSS?
Можно ли работать с материалами сайта при отключенных изображениях или при отсутствии поддержки их вывода на экран?
Работает ли сайт в текстовых броузерах, таких как Lynx?
Хорошо ли выглядит сайт при распечатке?
Работает ли сайт на наладонных устройствах?
Снабжен ли сайт детальным набором метаданных?
Работает ли сайт в окнах различных размеров?

5. Основы юзабилити:
Имеется ли на странице четкая визуальная иерархия элементов?
Легко ли отличить один уровень заголовков от другого?
Достаточно ли легко понять навигацию по сайту?
Используется ли однообразная навигация на всех страницах сайта?
Используется ли на сайте приемлемый и однообразный язык текстов?.
Есть ли у сайта карта и страница с контактной информацией?
Легко ли их найти?
Если ваш сайт очень большой, есть ли на нем инструмент поиска?
Присутствует ли на каждой странице сайта ссылка на его главную страницу?
Подчеркнуты ли ссылки?
Четко ли выделены цветом ссылки, которые пользователь уже посетил?

6. Управление сайтом:
Есть ли у сайта понятная и полезная страница ошибки 404, которая работает с любого уровня сайта?
Используются ли на сайте дружественные URL-ы?
Можно ли к вашему сайту доступиться, набрав адрес без "www"?
Есть ли у сайта пиктограмма для закладок?

автор статьи: 2004, Russ Weakley
переводчик: Александр Качанов


 Смотри также:
Web дизайн. Философия web дизайна
Теория web дизайна. Первые шаги
Как правильно составить ТЗ на Web дизайн
Поиск доменного имени
Web-дизайн - практические работы (проекты, ролики, баннеры, пиктограммы, кнопочки)
Безопасная палитра, системные цвета Windows и прочая фигня







Электронные книги о дизайнеЧМ 2018Гламурные картинкиГраффити галереяЯпония фотографииО путешествиях и странах, дешевые авиабилеты и отелиДизайн форум



    Rambler's Top100     Яндекс.Метрика  


Web дизайн и создание сайтов


Карта сайта       Наверх