Профессиональные навыки: Создание семантической разметки по макету (Заголовки)

Приветствую Вас, друзья! Работаю на разметкой макета из Кейса 2 (Студия пилатеса) Проф. навыка “Создание семантической разм…”. При сравнении своего варианта разметки с эталонным решением столкнулся со следующей “непоняткой”: зачем при наличии явного заголовка h1, который, судя по авторскому коду, вынесен за пределы тега section, нужно размечать ещё один, доступно-скрытый, но уже размеченный в пределах тега section? К вопросу прилагаю скрины своего и авторского вариантов кода, и часть размечаемого макета.

2 3

Добрый день!
По этим вопросам ответили вам на почту. Также, продублирую ответ здесь.

Данный приём использован из семантических побуждений. Вынесенный заголовок полноценно относится ко всей странице. Скрытый же заголовок принадлежит к определённому блоку с ссылкой на расписание и направлен на то, чтобы пояснить пользователю, который не может видеть, но может слышать сайт посредством специальных читалок, о чём именно сообщает информация, расположенная в данном блоке. Данный подход ориентирован на людей с особенностями по зрению.

Добрый вечер! А где можно найти эталонное решение второго кейса? Много ошибок, много не понятного…