RTL-верстка (арабский, иврит)

8 сообщений 7 лайков 111 просмотров

25.10.2026 02:52

Как вы переключаете направление интерфейса для RTL-языков: используете logical properties вроде margin-inline или держите отдельные стили? Особенно интересно, как решаете вопросы с иконками, формами и смешанным текстом.

Жорик

Сообщений: 432
С нами: 26.10.2026
Реакции: 7

Комментарии 7

Обсуждение темы — по порядку

25.10.2026 02:54

На новом проекте перешли с left/right на inline-start/inline-end — стало заметно проще поддерживать обе версии.

Анастасия

Сообщений: 471
С нами: 26.10.2026

25.10.2026 02:56

А иконки вы зеркалите автоматически или только выборочно? Стрелки обычно разворачиваю, а логотипы и значки — нет.

Анюта

Сообщений: 191
С нами: 26.10.2026

25.10.2026 02:58

С формами больше всего возни: направление текста RTL, а телефон и почта всё равно должны читаться слева направо.

Антон

Сообщений: 458
С нами: 26.10.2026

25.10.2026 03:00

Я бы ещё проверял порядок элементов с клавиатуры. Визуально всё может выглядеть нормально, а фокус идти неожиданно.

user34567

Сообщений: 464
С нами: 26.10.2026

25.10.2026 03:02

Для арабского важно не просто отзеркалить страницу: некоторые элементы интерфейса вообще не должны менять ориентацию.

Анастасия К.

Сообщений: 452
С нами: 26.10.2026

25.10.2026 03:04

А как тестируете смешанный контент — например, арабский текст с номером заказа и латинским названием товара?

Максим

Сообщений: 478
С нами: 17.10.2026

25.10.2026 03:06

Мы задаём dir на уровне страницы, а для отдельных фрагментов используем dir="auto". Но интересно, как это ведёт себя в старых браузерах.

Ника

Сообщений: 472
С нами: 26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация