Карточка кроссовок в международном магазине никогда не читается только человеком. Её одновременно разбирает браузер, озвучивает assistive technology - программа чтения с экрана - и обходит поисковый робот. Четыре потребителя, четыре способа восприятия - а исходник один: тот же HTML, структура, описание смысла.

Наивная реакция: аудиторий четыре - оптимизируем под каждую. Человеку красивую вёрстку, роботу ключевые слова и мета-теги, программе чтения подпорки из ARIA, локалям отдельные копии. И так выходит - за задачу свой специалист. Ломается там, где оптимизации противоречат: удобная роботу разметка непроходима для клавиатуры; ARIA поверх врёт про состояние; переводы в коде рассыпаются при смене языка.

Работает другое. Хорошая реализация делает один интерфейс - с понятной структурой и верным смыслом. Accessibility, SEO и internationalization сходятся в одних точках: сам документ, его URL, объявленный язык, структура заголовков, ссылки, состояние интерфейса, серверный HTML, качество контента. Это не три случайные дисциплины, а три проекции одного вопроса - насколько честно код описывает увиденное пользователем.

Определим три качества без мифов. Accessibility (доступность) - не режим для инвалидов и не отдельная версия сайта, а устойчивость интерфейса к разным способам восприятия и управления: мышью и клавиатурой, глазами и на слух. Кнопку в корзину можно нажать только мышью - интерфейс сломан для тех, кто мышью не пользуется.

SEO - не закупка ключевых слов и не обман алгоритма, а доступность содержимого для обнаружения, понимания и выбора: поисковик должен найти страницу, извлечь смысл и решить, что эта карточка отвечает на запрос. Работает то же, что и в доступности, - честная структура и читаемый контент, только потребитель другой.

Internationalization (i18n) - не боковой словарь переводов, а архитектура, где язык, формат и направление текста не зашиты в код. Цена видна, стоит карточке уехать за границу: меняются валюта и формат цены, порядок слов в дате, форма множественного числа (1 review, 5 reviews), а для арабской локали - направление макета справа налево. Учтено в архитектуре - локаль дёшева; зашито в вёрстку - каждый язык отдельная боль.

Почему все три из одного корня, видно по точкам пересечения. Единственный h1 - и ориентир для программы чтения, и сигнал темы для поиска. Осмысленный текст ссылки - и навигация для незрячего, и якорь для робота. Объявленный язык - и произношение синтезатором, и привязка к локали. Серверный HTML сразу - и быстрый доступ к контенту, и гарантия, что робот увидит содержимое, а не каркас.