1. Текст ссылки: «тут» против назначения
Старый подход — текст ссылки не говорит, куда ведёт. Для скринридера, который читает ссылки списком, «тут» бесполезно.
Расписание занятий доступно тут.
Расписание занятий доступно <a href="#">тут</a>.Современный подход — текст ссылки сам описывает назначение и понятен в отрыве от предложения.
<a href="schedule.html">Открыть расписание занятий</a>.2. Новая вкладка: без rel против безопасного открытия
Старый подход — target="_blank" без rel. Открытая страница получает доступ к вкладке-источнику через window.opener (уязвимость).
<a href="https://site.com" target="_blank">Перейти</a>Современный подход — добавляем rel="noopener noreferrer": новая страница не управляет источником и не получает реферер.
<a href="https://site.com" target="_blank"
rel="noopener noreferrer">Перейти</a>3. Заголовок по размеру против заголовка по смыслу
Старый подход — взять h4, потому что «крупно смотрится», ломая структуру документа.
<h1>Сайт</h1>
<h4>Раздел</h4> <!-- пропущены h2, h3 -->Современный подход — уровни идут подряд по смыслу, а размер при необходимости меняем в CSS.
Сайт
Раздел
<h1>Сайт</h1>
<h2>Раздел</h2>