Вторая запись

Что ж, сайт создан. Остаётся только бесконечно улучшать :)

Что поменял:

  • Ограничил абзацы по ширине, чтобы было удобнее читать, а иллюстрации ограничил лишь шириной страницы, пусть будет видно всё в деталях.
  • Увеличил размер текста, высоту строки, подключил шрифт Inter, это как Гельветика, только бесплатная.
  • Добавил пару семантических тегов, чтобы читалки для слепых понимали, где какая информация находится (main для основного контента страницы, section для разделения записей на самостоятельные части).
  • Единственной картинке на сайте добавил атрибут alt с описанием того, что изображено, чтобы даже слепые «видели».
  • Подобрал более приятные отступы.
  • Понадобавлял несколько заголовков разных уровней, чтобы была какая-то структура. Ну и записи в будущем будут находиться на самостотельных страницах, поэтому без заголовков никуда. Заодно появилось некое подобие шапки сайта за счет эгоистичного заголовка с моим именем.

Ну вот, уже гораздо лучше:

Скриншот сайта с изменениями. Слева сам сайт, справа окно редактора с html-кодом сайта

Что хочется сделать дальше: переставить время выхода записи куда-то в конец рядом с тегами, сделать нормальное оформление для списков.

Кстати, инфу о доступности брал с сайта weblind.ru, где объясняется, зачем заморачиваться над доступностью и что делать конкретно по шагам. Ещё не раз зайду туда, чтобы сделать свой сайт доступнее.