Веб-стандарты - это большее, чем просто "бестабличная верстка"

Для разных людей термин "веб-стандарты" означает разные вещи. Для некоторых это просто "страницы без таблиц", для других - "правильный код". Однако веб-стандарты это нечто намного большее. Сайт, простроенный по веб-стандартам, это сайт, который придерживается стандартов (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG и т.д.) и лучших отработанных решений (валидный код, доступный код, семантически правильный код, дружественные URL-ы)

Другими словами сайт, построенный по стандартам в идеале должен быть легким, чистым, основанным на CSS, доступным, удобным и дружественным к поисковым серверам.

О проверочном списке

Этот проверочный список не претендует на звание "супер-пупер" полного проверочного списка. Возможно его еще можно дополнить и расширить. Что более важно, так это то, что это список не следует рассматривать как обязательный для каждого сайта, который вам придется разрабатывать. Это всего лишь список советов, который можно использовать:

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

Список

1. Качество кода
   1. Указан ли у страниц правильный Doctype?
   2. Указан ли у страниц charset?
   3. Валиден ли (X)HTML код страниц сайта?
   4. Валидны ли CSS-таблицы сайта?
   5. Использует ли сайт какие-либо CSS-хаки?
   6. Используются ли на сайте какие-либо лишние и ненужные классы (class) и идентификаторы (id)?
   7. Хорошо ли структурирован код страниц?
   8. Есть ли на сайте сломанные ссылки?
   9. Как у сайта со скоростью загрузки страниц и с их размерами?
   10. Выдает ли браузер какие-либо ошибки JavaScript при работе со страницей?
2. Степень разделения контента и представления
   1. Используется ли на сайте CSS для всех аспектов оформления страницы (шрифты, цвета, отступы, границы и т.д.)?
   2. Перенесена ли вся декоративная графика в CSS, или она все еще встречается в (X)HTML-коде?
3. Доступность для пользователей
   1. Используется ли атрибут "alt" во всех значимых изображениях?
   2. Используется ли на сайте для шрифта относительные единицы измерения вместо фиксированных?
   3. Ломается ли каким-либо образом компоновка страницы при увеличении размера шрифта?
   4. Есть ли на странице видимая ссылка "пропустить"?
   5. Используются ли на сайте доступные формы?
   6. Используются ли на сайте доступные таблицы?
   7. Достаточно ли контрастны и ярки цвета на страницах сайта?
   8. Используется ли только цвет для выделения критической информации?
   9. Используется ли задержка в выпадающих меню (для пользователей с медленной моторикой)?
   10. Все ли ссылки содержат описания (для слепых пользователей)?
4. Доступность для устройств
   1. Достаточно ли хорошо сайт работает и в современных и в старых браузерах?
   2. Можно ли работать с материалами сайта при отключенном CSS или в броузере, где нет поддержки CSS?
   3. Можно ли работать с материалами сайта при отключенных изображениях или при отсутствии поддержки их вывода на экран?
   4. Работает ли сайт в текстовых броузерах, таких как Lynx?
   5. Хорошо ли выглядит сайт при распечатке?
   6. Работает ли сайт на наладонных устройствах?
   7. Снабжен ли сайт детальным набором метаданных?
   8. Работает ли сайт в окнах различных размеров?
5. Основы юзабилити
   1. Имеется ли на странице четкая визуальная иерархия элементов?
   2. Легко ли отличить один уровень заголовков от другого?
   3. Достаточно ли легко понять навигацию по сайту?
   4. Используется ли однообразная навигация на всех страницах сайта?
   5. Используется ли на сайте приемлемый и однообразный язык текстов?
   6. Есть ли у сайта карта и страница с контактной информацией? Легко ли их найти?
   7. Если ваш сайт очень большой, есть ли на нем инструмент поиска?
   8. Присутствует ли на каждой странице сайта ссылка на его главную страницу?
   9. Подчеркнуты ли ссылки?
   10. Четко ли выделены цветом ссылки, которые пользователь уже посетил?
6. Управление сайтом
   1. Есть ли у сайта понятная и полезная страница ошибки 404, которая работает с любого уровня сайта?
   2. Используются ли на сайте дружественные URL-ы?
   3. Можно ли к вашему сайте доступиться, набрав адрес без "www"?
   4. Есть ли у сайта пиктограмма для закладок?

---

---

Надежные серверы и графические станции на платформе Intel (Xeon) и AMD различного назначения. Большой выбор моделей. Сборка конфигураций на заказ. Трехлетняя гарантия, сервисное обслуживание серверов с выездом к Заказчику. Бесплатная доставка.

Новый Иерусалим on-line: Все о Ново Иерусалимском монастыре, городская и районная информация, объявления, расписание автобусов и электричек, телефоны предприятий и частных лиц, православный чат, форум и много другой полезной информации.
Преподаватели православной воскресной школы ищут благотворителей, которые готовы помочь с помещением в городе Истра или Новый Иерусалим, возможно заключение договора некоммерческого партнерства. Будем рады любой помощи!!!

"Доброе слово" - форум для православных.

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

E-mail