Отдельная тема - заголовки. У страницы должен быть один понятный главный заголовок h1, а уровни h2, h3 и далее обязаны отражать структуру содержимого, а не размер шрифта. Для карточки кроссовок: h1 - название модели, h2 - разделы вроде описания, характеристик и отзывов. Программа чтения строит по этим уровням карту страницы и даёт прыгать по ней, а поисковик читает ту же иерархию как оглавление темы. Выбрать h3 только потому, что он мельче, - сломать обе карты сразу.

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

Крупные смысловые области страницы размечаются ориентирами - landmarks: header, nav, main, footer. Они дают вспомогательной технологии быструю навигацию и чёткую структуру для разбора. Каркас остаётся строгим: у навигации осмысленное имя, основной контент в одном main, таблицы - только для табличных отношений, а не для раскладки, а интерактивные элементы не вкладываются друг в друга (ссылка внутри кнопки - сломанное дерево доступности).

Провал здесь незаметен на макете и виден только в реальном использовании. Страница из вложенных div-ов рендерится идеально, но программа чтения не находит ни одного ориентира, ни одной кнопки, ни одной внятной иерархии заголовков - для неё это ровное полотно текста без карты. Правильный выбор элементов возвращает всё это бесплатно, поэтому семантика идёт первой, а стили и ARIA - следом.