アラビア語のウェブアプリ：二つの読み方向があっても、テキスト、コード、リンクを調和させる方法

アラビア語のヘルプページは、正しく翻訳されていても、ファイルパスが読みにくく表示されることがあります。一つの行の中で、アラビア語の文、ラテン文字、数字、句読点が混在するためです。解決策は、データソース内でパスを逆順にすることではありません。パスの文字列は、コピーしたときにも正しいままでなければなりません。

双方向のインラインテキストに関するW3Cのガイダンスでは、適切な方向のマークアップと分離について説明されています。これは技術的な基礎であり、新しい製品ニュースではありません。この記事では、私たちが独自に作成した小さなヘルプカードを取り上げます。短いアラビア語の注記と、変更を加えていない例のパス /docs/v2?a=1 です。

言語と書字方向は、それぞれ別の役割を持っています

言語タグは、数ある役割の一つとして、支援技術に対して、あるコンテンツがどの言語に属するかを伝えます。方向のマークアップは、テキストをどのようにレイアウトすべきかを記述します。アラビア語の文では両方を適切に設定する必要がありますが、だからといって、その中の技術的な表現まで突然アラビア語にしなければならないわけではありません。

私たちの例では、これらの詳細を意図的に分けています。外側のカードはアラビア語で、右から左にレイアウトされます。既知のASCIIパスは左から右に読まれます。その文字、スラッシュ、疑問符は同じ論理的な順序のまま保たれます。この表現は、実在する顧客アカウントや実際のサービスへのアクセスを指すものではありません。

<p lang="ar" dir="rtl">
  المسار:
  <bdi dir="ltr">/docs/v2?a=1</bdi>
</p>

ここでの短いアラビア語の表現は「パス」を意味します。この断片は教材であり、言語的に検証されたインターフェースであることを完全に証明するものではありません。特に説明文やさらなる技術的なコンテンツを追加する場合には、アラビア語を読める人による実際の確認が引き続き必要です。

表現の境界は、その意味の一部です

ひとまとまりの技術的な表現だけをマークアップしましょう。直後に続く括弧は、アラビア語の文に属している場合もあれば、技術的な文字列の一部である場合もあります。この問いには、行全体を左右反転させることで一律に答えることはできません。

W3Cは、方向がわかっている挿入テキストと、方向がわからないテキストを区別しています。既知のパスであれば、方向は明示されています。実行時に挿入されるテキストには、自動的な方向検出や適切な分離要素が有効な場合があります。ページがアラビア語だからという理由だけでなく、内容と構造に応じてマークアップを選びましょう。

アラビア語のラベルが付いたリンクも、目に見える形で書き出されたASCIIアドレスとは別物です。リンクは同じリンク先へ移動できる一方で、その表示テキストは異なる方向に従うことがあります。そのため、リンク先のアドレスとラベルは分けて考えるべきです。

独自の確認には、スクリーンショット以上のものが必要です

短い断片の隣に、隣接する括弧と中立的なバージョン番号を含む二つ目のカードを作成してください。パスだけでなく、文全体を見ましょう。技術的な詳細はどこから始まるでしょうか。どの句読点が説明文に属しているでしょうか。アラビア語を読める人が、頭を悩ませることなく文脈を追えるでしょうか。

次に、パスだけを中立的なテキストフィールドにコピーし、ソースと一文字ずつ比較します。見た目は整っていてもデータ上で逆順になっているアドレスは、この段階で不合格になります。したがって、表示とコピーした結果は、それぞれ異なる二つの品質上の問いに答えるものです。

これらの手順は、ご自身で調査を行うためのひな形です。ここではブラウザテストや言語テストとして実施していません。後日結果を報告する場合は、使用した環境と実際の観察内容を明記する必要があります。

比較用に、変更を加えていないテキストソースを保管しておきましょう。表示を変更した後にコピーを確認すれば、本当にマークアップだけが調整されたのか、それともデータが誤って変更されたのかがわかります。スクリーンショットだけでは、この二つの原因を区別することはできません。

ページの基本方向だけで、すべての詳細が決まるわけではありません

なお、 KENJTEC WebSiteBuilder aiでは、アラビア語で説明されたウェブサイトは、アラビア語の言語タグと右から左の基本方向で作成されます。各Builderウェブサイトが持つ言語はちょうど一つです。独自のHTMLによる追加要素は開発者モードで手動で用意でき、別の言語版は独立した別のウェブサイトになります。

特にこうした追加要素では、混在するコンテンツの扱いは引き続きあなた自身の具体的な設計課題です。適切な基本方向が設定されていても、すべてのパス、名前、数値が正しく埋め込まれていることの証明にはなりません。論理的な文字列を維持し、その表示を適切にマークアップし、完全に理解できる文の中で確認しましょう。そうすることで、翻訳と技術的な使いやすさは、互いに連携する二つの課題になります。

出典と状況

調査および記載は2026年十月25日時点のものです。 HTMLにおけるインラインマークアップと双方向テキスト。