Новичкам я бы порекомендовал сначала прочитать книгу Джона Дакетта HTML and CSS: Design and Build Websites [Duc11], в ней хорошо излагаются основы. Также стоит обратить внимание на книгу Джеффри Зельдмана Designing with Web Standards [Zel09]
В такой структуре нет ничего принципиально нового, не считая того, что на этот раз для описания этих областей вместо многочисленных тегов div будут использованы специальные теги HTML5.
Чем же статьи отличаются от разделов? Раздел определяет логическую часть документа, а статья — его фактическое содержание (заметка, сообщение в блоге, новость и т.д.).
Напомним, что блочные элементы всегда начинаются с новой строки, тогда как встроенные (inline) элементы не требуют разрыва строки, так что тег оказывается лишним. Атрибуты id этих элементов-«оберток» сообщают нам, что они делают, но по крайней мере одну «обертку» можно убрать — результат от этого не изменится. Злоупотребление разметкой приводит к разрастанию страниц, усложнению их стилевого оформления и сопровождения.
NVDA — бесплатное альтернативное решение с открытым исходным кодом — сейчас пользуется популярностью. Вероятно, его тоже следует включить в тестирование35.