Интерфейс с учётом локали: Intl, формы множественного числа, даты и разметка справа налево

Цель

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

Предварительные условия

Тег локали BCP 47 для каждого пользователя или документа (lang у html), строки сообщений вне кода и пространство имён Intl, в котором MDN перечисляет конструкторы DateTimeFormat, NumberFormat, PluralRules, RelativeTimeFormat и связанные с ними.

Шаги

1. Числа и даты: один раз создайте new Intl.NumberFormat(locale, options) и new Intl.DateTimeFormat(locale, options) и используйте повторно; форматируйте валюты и единицы через параметры, а не склеиванием символов. Используйте Intl.RelativeTimeFormat для «3 дня назад». Передавайте строки ISO 8601 по сети и форматируйте только на конечной стороне.
2. Формы множественного числа: new Intl.PluralRules(locale).select(n) возвращает категорию (zero, one, two, few, many, other); для английских количественных числительных встречаются только one и other, а некоторые языки используют все шесть. Храните по варианту сообщения на категорию и выбирайте по возвращённой метке; никогда не ветвите код по n === 1. Для порядковых числительных (1st, 2nd) используйте { type: "ordinal" }.
3. Направление: задайте dir="rtl" у html для локалей с письмом справа налево и dir="auto" для полей ввода, содержащих пользовательский текст с неизвестным направлением. Стройте разметку на логических свойствах (margin-inline-start, padding-block, inset-inline-end, text-align: start), чтобы отступы, обтекание и выравнивание меняли сторону вместе с направлением письма, вместо жёсткого задания левой и правой сторон.
4. Значки и элементы управления: зеркально отражайте значки с направлением (стрелки назад, индикаторы прогресса) под [dir="rtl"]; универсальные символы (воспроизведение, галочки) оставляйте без изменений.
5. Место: статья W3C о размерах текста воспроизводит таблицу расширения IBM: при переводе коротких английских строк (не более десяти символов) на европейские языки длина составляет 200–300 % исходной, а для длинных текстов — около 130 %. Позвольте кнопкам, вкладкам и заголовкам таблиц увеличиваться или переносить текст; избегайте фиксированной ширины, рассчитанной на английскую надпись.
6. Сортировка и поиск: сравнивайте с помощью Intl.Collator, а не по порядку кодовых точек; для подсчёта символов сегментируйте текст с Intl.Segmenter.
7. До появления настоящих переводов тестируйте с псевдолокалью (удлинённые строки, строки с диакритикой и зеркально отражённые строки).

Ожидаемый результат

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

Ограничения и основание проверки

Поведение следует приведённой документации MDN и W3C; никакие измерения не заявляются. Часовые пояса и календари (хиджры, буддийский) — отдельные параметры DateTimeFormat. Двунаправленный текст в одной строке (латинское название продукта в арабском тексте) требует bdi или изоляции Unicode; одного dir недостаточно.