Переклад сайту арабською та івритом: що змінюється, коли текст пишуть справа наліво
Компанія запустила сайт арабською мовою, текст перекладено грамотно, але сторінка має дивний вигляд: меню притиснуте до лівого краю, кнопка «Купити» перемістилася в куток, стрілка «назад» указує не туди, а номер телефону розірвало навпіл. Таке часто трапляється, коли до перекладу ставляться як до заміни слів. Для мов із письмом справа наліво недостатньо перекласти текст: перебудовується весь інтерфейс, і заздалегідь продумати ці зміни простіше, ніж виправляти їх після запуску.
Що таке RTL і якими мовами так пишуть
RTL (right-to-left) означає письмо справа наліво. Так пишуть арабською, івритом, перською (фарсі), урду, пушту та курдською (сорані). Напрямок тексту впливає не лише на порядок літер у рядку. Змінюється те, як браузер вирівнює абзаци, де розташовуються відступи, у який бік прокручуються картки й галереї.
Важливо розуміти, що RTL-мова не означає «перевернутий сайт». Структура вмісту залишається тією самою, але все, що пов’язано з напрямком читання, потрібно переглянути. Для веброзробника це означає, що сторінка має отримати атрибут dir="rtl" і коректний атрибут lang (наприклад, ar або he), інакше браузер і пошукові системи можуть неправильно обробити вміст.
Дзеркальний інтерфейс: меню, піктограми та стрілки
Головне правило: віддзеркалюють те, що позначає напрямок. Зазвичай це стрілки «назад» і «далі», індикатори прогресу в багатокроковій формі, навігаційні «хлібні крихти», піктограми надсилання повідомлення. Логотипи, знаки «відтворення», годинники, значки з літерами й цифрами віддзеркалювати не потрібно.
Меню зазвичай переміщується праворуч. Поле пошуку й піктограма лупи теж зміщуються, тож користувач шукає їх там, де звик. Щоб не виправляти верстку вручну для кожного блоку, використовуйте логічні властивості CSS: замість margin-left пишіть margin-inline-start, замість text-align: left пишіть text-align: start. Тоді та сама розмітка коректно працюватиме в обох напрямках.
Зручно зафіксувати правила у вигляді короткого списку для команди:
- Віддзеркалювати: стрілки, індикатори прогресу, спрямовані піктограми, порядок кроків у майстрі оформлення замовлення.
- Не віддзеркалювати: логотипи, знаки відтворення, годинники, графіки з часовою віссю, піктограми з текстом усередині.
Змішаний текст: цифри, латиниця та бренди
Найпідступніша частина RTL-локалізації стосується змішаного тексту. Припустімо, в арабському реченні є номер замовлення 4521, назва валюти USD і назва вашого бренду латиницею. Браузер застосовує алгоритм двонапрямного тексту (bidi), і знаки пунктуації можуть «переміститися» не туди. Наприклад, крапка наприкінці фрази або двокрапка перед числом опиняються в неочікуваному місці, і читачеві важко зрозуміти зміст.
Є кілька способів це виправити. Для окремих фрагментів, наприклад назв брендів, кодів та ідентифікаторів, можна використовувати обгортку з атрибутом dir="ltr". У деяких випадках допомагають невидимі керівні символи напрямку, але їх краще застосовувати вибірково, оскільки вони ускладнюють роботу з текстом.
Окремо домовтеся про цифри. В арабській мові існують арабсько-індійські цифри, але в інтернет-контенті й діловому листуванні широко використовуються звичайні західні цифри 0–9. Рішення залежить від аудиторії та країни, але його потрібно ухвалити до початку перекладу, а не під час верстки. Це стосується і написання брендів: чи записувати назву арабською в’яззю або івритом, чи залишити латиницю. Це бізнес-рішення, яке варто зафіксувати в глосарії.
Шрифти, висота рядка та довжина тексту
Арабська писемність — зв’язкова: форма літери залежить від її положення у слові, а над і під рядком розташовані огласовки й діакритичні знаки. Тому шрифт має повністю підтримувати арабську писемність, а не лише базовий набір символів. Якщо браузер підставить запасний шрифт, текст може мати неприродний вигляд, а літери — неправильно з’єднуватися.
Висоту рядка краще збільшити порівняно з латиницею приблизно на чверть, інакше верхні й нижні елементи літер почнуть накладатися один на одного. З івритом усе простіше: літери не з’єднуються, але огласовки й лапки теж потребують додаткового місця по висоті.
Довжина тексту теж змінюється. Арабські переклади часто виходять довшими за англійський оригінал, тому кнопки й заголовки з фіксованою шириною ламаються першими. Наприклад, якщо кнопка «Оформити замовлення» в англійській версії вміщується у 140 пікселів, арабський текст може не поміститися й обрізатися. Використовуйте гнучку ширину, а під час проєктування перевіряйте найдовший рядок перекладу, а не короткий.
Культурна адаптація зображень і прикладів
Переклад слів — лише частина адаптації. Зображення й приклади мають відповідати очікуванням аудиторії, інакше навіть бездоганний текст не врятує враження. Перегляньте фотографії: одяг моделей, склад сімей, оточення, символіку. Очікування аудиторії в різних країнах Близького Сходу помітно відрізняються, тому універсального набору немає. Наприклад, фото моделі в купальнику в каталозі одягу для країн Перської затоки може виявитися недоречним, а в Ізраїлі той самий кадр може мати цілком звичний вигляд.
Жести, кольори й числа також можуть трактуватися неоднозначно. Жест схвалення, нейтральний в одній країні, в іншій сприймається як грубий. Кольорові асоціації теж різняться. Тому в брифі для перекладача й дизайнера варто описати контекст: хто аудиторія, які товари, який рівень офіційності потрібен.
Окреме питання — дати й календар. В Ізраїлі в діловому середовищі зазвичай використовують григоріанський календар, а в деяких арабських країнах в офіційних і релігійних контекстах може використовуватися календар гіджри. Формат дати (день-місяць-рік чи місяць-день-рік) також потрібно уточнити, особливо якщо сайт приймає замовлення із зазначенням дат доставки.
Нарешті, рекламні слогани й гра слів майже ніколи не перекладаються дослівно. Краще адаптувати їх, зберігши зміст і тон.
Тестування за участю носія мови
Навіть професійний перекладач не помітить усіх проблем із версткою, адже зазвичай він працює з текстом, а не з інтерфейсом. Тому тестування за участю носія мови необхідне. Попросіть його пройти весь шлях користувача: від головної сторінки до оформлення замовлення, листа з підтвердженням і звернення до служби підтримки. Перевіряйте не лише тексти, а й враження: чи зрозуміло, куди натискати, чи не звучить фраза неприродно.
Тестуйте на реальних пристроях і в різних браузерах, зокрема на телефонах, адже мобільні меню й випадаючі списки в RTL часто працюють інакше. Окремо перевірте форми: поля введення, маски телефонних номерів, повідомлення про помилки, вирівнювання підписів. Листи й сповіщення також належать до локалізації — їх потрібно перевіряти окремо.
Не забудьте про діалекти. Для сайту зазвичай обирають сучасну стандартну арабську, зрозумілу в усьому регіоні, але для рекламних текстів іноді потрібен регіональний варіант, наприклад, гультський або левантійський. Рішення залежить від цільового ринку й рівня офіційності.
Висновок
Переклад сайту арабською або івритом — це спільна робота перекладача, дизайнера й розробника. Що раніше врахувати напрямок письма, то менше буде переробок. Передбачте RTL ще на етапі макетів: використовуйте логічні властивості CSS, гнучкі розміри кнопок, шрифти з повною підтримкою писемності. Складіть глосарій і правила для брендів, цифр і дат. Передавайте перекладачеві знімки екрана й контекст, а не лише таблицю рядків.
Якщо вам потрібна локалізація сайту з урахуванням особливостей інтерфейсу, звертайтеся до професійного перекладача: хороший фахівець не лише перекладе текст, а й підкаже, що варто змінити в дизайні.
Читайте також:
- Локалізація сайтів і застосунків: чим вона відрізняється від звичайного перекладу
- Як перекласти сайт іншими мовами?
Потрібен професійний переклад? Оформіть замовлення онлайн: виберіть мови, завантажте файл і дізнайтеся вартість за кілька хвилин.
Матеріали за темою
