Сделаем полностью валидный сайт!
Недавно игрался с HTML валидатором validator.w3.org (созданным World Wide Web Consortium), и был удивлен насколько хорошо сделан Ваш сайт. (По сравнению со многими много-миллиардными проектами: Google.com, Facebook.com, YouTube.com) Но все равно хотел бы исправить некоторые “ошибки”.
Давайте покажем что Пикабу лучше Reddit.com (всего 4 ошибки и 1 предупреждение)!
Ниже описаны “патчи” для самых простых ошибок в HTML. Если пост привлечет внимание @admin, напишу продолжение.
1. Показать что это HTML 5
Мы знаем что используется HTML 5, но обманываем махини что это XHTML 1.0 Strict. Поэтому давайте заменим
\<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
на
\<!DOCTYPE html>
(\ чтобы отображалось)
Вот таблица результатов всех проверок, показывающая что это HTML 5 (и просто ради интереса): Google Sheets
Внимание: похожие ошибки считаются несколько раз.
2. Сайт на русском и это лучше бы отразить.
Пожалуйста, добавьте lang="ru" в <html> тег
3. Добавить alt в <img> где он отсутствует.
Давайте добавим описание к иконке авторов, анимации загрузки, плюсику на кнопке “добавить пост”, описанию кнопок клавиатуры и знаку RSS в кноке страницы.
<img src="http://cs.pikabu.ru/assets/svg/user.svg" width="10" height="11" class="story__user-icon" alt="от:"><a class="story__author" href="http://pikabu.ru/profile/[username]">[username]</a>
4. Иногда картинки img имеют атрибут data-src вместо src.
Не знаю почему, но иногда (кажется, случайным образом) атрибут называется data-src. Соберу больше данных, если нужно. Пример привести не могу, но перезагрузив страницу несколько раз, вы наткнетесь на него.
Источники:
[0] validator.w3.org
Отзывы и предложения по Пикабу
13.1K пост2.7K подписчика
Правила сообщества
Сообщество для аккумуляции всего фидбека по Пикабу
Если вы предлагаете новую функцию, опишите подробно:
- Задачу, которую выполняет предлагаемое изменение;
- Возможные плюсы и минусы;
- Версию Пикабу, для которой делаете предложение.
Пожалуйста, имейте в виду, что предложение:
- Должно быть полезным, понятным и простым;
- Должно быть востребованным пикабушниками;
- Не должно создавать визуального нагромождения.