Причины отказа от использования CSS для визуального изменения порядка элементов HTML

Сейчас в офисе идет небольшая дискуссия об использовании CSS для визуального упорядочивания элементов на странице.

На самом базовом уровне член нашей команды хочет структурировать HTML следующим образом (этот запрос основан исключительно на дизайнерской перспективе)

<div class="secondary-content">
    <h2>Secondary content heading</h2>
    <p>This is the secondary content</p>
</div>
<div class="main-content">
    <h1>Main heading</h1>
    <p>This is the main content</p>
</div>

и затем использовать CSS для визуального размещения main-content div перед secondary-content.

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

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

1. Считыватели экрана/ассистивные технологии в первую очередь затронут вторичный контент. Для меня это все равно, что открыть книгу, начать с главы 4, а затем вернуться и прочитать главы 1, 2, 3, 5, 6 и т.д.
2. Структура заголовков страницы будет разрозненной (H2 перед H1 и т.д.)
3. Если в secondary-content есть контент, для понимания которого требуется информация из main-content, это запутает пользователей с отключенным CSS/ассистивными технологиями и т.д.

Однако, настоящей горячей кнопкой для людей в бизнесе является Google/SEO. Поэтому, кто-нибудь знает какие-нибудь веские аргументы/статьи о том, почему написание HTML неструктурированным способом негативно скажется на SEO?