アラビア語・ヘブライ語へのサイト翻訳：右から左に読む言語で何が変わるのか

ある企業がアラビア語版のサイトを公開しました。翻訳は正確なのに、ページの見た目がおかしいのです。メニューは左端に寄り、「購入」ボタンは隅に移動し、「戻る」矢印は逆向きで、電話番号は途中で分断されています。これは、翻訳を単なる単語の置き換えと考えたときによく起こります。右から左に書く言語では、テキストを翻訳するだけでは不十分です。インターフェース全体を組み直す必要があります。公開後に修正するより、あらかじめ変更点を考慮しておくほうが簡単です。

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も広く使われています。どちらを採用するかは、対象読者や国によって異なりますが、レイアウト作業の段階ではなく、翻訳を始める前に決める必要があります。ブランド名をアラビア文字やヘブライ文字で表記するのか、ラテン文字のままにするのかも同様です。これはビジネス上の判断なので、用語集に明記しておきましょう。

フォント、行の高さ、テキストの長さ

アラビア文字は連結して書かれ、文字の形は単語内での位置によって変わります。また、文字の上下には母音記号や発音区別符号が付きます。そのため、フォントは基本的な文字だけでなく、アラビア文字を完全にサポートしていなければなりません。ブラウザーが代替フォントを使うと、テキストが不自然に見えたり、文字が正しくつながらなかったりすることがあります。

行の高さはラテン文字の場合よりも、目安として約4分の1大きくするとよいでしょう。そうしないと、文字の上下の要素が互いにぶつかってしまいます。ヘブライ語は文字がつながらないため、状況は比較的単純ですが、母音記号や引用符のために、やはり高さに余裕が必要です。

テキストの長さも変わります。アラビア語訳は英語の原文より長くなることが多いため、幅を固定したボタンや見出しは特に崩れやすくなります。たとえば、英語版で「注文手続き」ボタンが幅140ピクセルに収まっていても、アラビア語では入りきらず、文字が切れてしまうことがあります。幅は柔軟に設定し、デザインの段階では短い文言ではなく、翻訳の中で最も長い文言を使って確認しましょう。

画像や例の文化的な調整

言葉の翻訳は、ローカライズの一部にすぎません。画像や例が対象読者の期待に合っていなければ、文章がどれほど完璧でも、よい印象にはつながりません。写真に写るモデルの服装、家族構成、背景、象徴的なモチーフなどを確認しましょう。中東の国々では、対象読者の期待が大きく異なるため、すべてに通用する共通の基準はありません。たとえば、湾岸諸国向けの衣料品カタログで水着姿のモデルの写真を使うのは不適切かもしれませんが、同じ写真でもイスラエルではごく普通に見える場合があります。

ジェスチャー、色、数字の意味も一様ではありません。ある国では無難な肯定のジェスチャーが、別の国では失礼に受け取られることがあります。色から連想されるイメージも異なります。そのため、翻訳者やデザイナーに渡すブリーフには、対象読者、商品、必要なフォーマル度などの背景を記載しましょう。

日付や暦も別途確認が必要です。イスラエルのビジネスシーンでは通常グレゴリオ暦が使われますが、一部のアラブ諸国では、公式または宗教的な場面でヒジュラ暦が使われることがあります。日付の形式（「日・月・年」または「月・日・年」）も確認しておきましょう。特に、配送日を指定して注文できるサイトでは重要です。

最後に、広告のキャッチコピーや言葉遊びは、ほとんどの場合、そのまま翻訳できません。意味とトーンを保ちながら、表現を調整するのがよいでしょう。

ネイティブスピーカーによるテスト

プロの翻訳者でも、レイアウトの問題すべてに気づけるわけではありません。通常、翻訳者が扱うのはインターフェースではなくテキストだからです。そのため、ネイティブスピーカーによるテストが欠かせません。トップページから注文手続き、確認メール、サポートへの問い合わせまで、ユーザーの操作の流れをひと通り試してもらいましょう。テキストだけでなく、どこを押せばよいか分かりやすいか、表現が不自然に感じられないかといった印象も確認してください。

スマートフォンを含む実機や、複数のブラウザーでテストしましょう。RTLでは、モバイルメニューやドロップダウンリストの動作が異なることがよくあります。フォームも個別に確認してください。入力欄、電話番号の入力形式、エラーメッセージ、ラベルの配置などが対象です。メールや通知もローカライズの一部なので、別途チェックが必要です。

方言にも注意しましょう。サイトでは通常、地域全体で理解される現代標準アラビア語が選ばれますが、広告文には湾岸方言やレバント方言など、地域特有の表現が必要になることもあります。どの言語を選ぶかは、対象市場と求めるフォーマル度によって決まります。

まとめ

サイトのアラビア語・ヘブライ語翻訳は、翻訳者、デザイナー、開発者が連携して行う作業です。文字の方向を早い段階から考慮するほど、修正の手間を減らせます。デザイン案の段階からRTLを想定し、CSSの論理プロパティ、柔軟なボタン幅、各文字体系を完全にサポートするフォントを使用しましょう。ブランド名、数字、日付に関する用語集とルールを作成してください。翻訳者には、文字列の一覧だけでなく、スクリーンショットや背景情報も共有しましょう。

インターフェースの特性を考慮したサイトのローカライズをご希望の場合は、プロの翻訳者にご相談ください。優れた翻訳者は、テキストを翻訳するだけでなく、デザインの改善点も提案します。

こちらもお読みください：

プロの翻訳をご希望ですか？オンラインでご注文ください。言語を選び、ファイルをアップロードすれば、数分で料金が分かります。