إنتقل إلى المحتوى الرئيسي

رابط اللغة

ترجمة لـالمواصفات بالإنجليزية. إن اختلفت الترجمة عن الأصل، فالإنجليزية هي المرجع.

الصفحة نفسها باللغة الأخرى: مسمّاة بتلك اللغة («العربية»، «English»)، ومعلَّمة بـlang وhreflang الخاصين بها. ولكل لغة عنوانها (/ و/ar/).

CSS: css/components/language.css. الأصناف: .al-language.

في صفحته، بالإنجليزية والعربية

البنية​

HTML
<!-- on the English page -->
<a class="al-language" href="/ar/" hreflang="ar" lang="ar">العربية</a>
<!-- on the Arabic page -->
<a class="al-language" href="/" hreflang="en" lang="en">English</a>

الأنواع والأحجام​

نوع واحد. يقع بين أدوات ترويسة الموقع، قبل زر المظهر، بهدف لمس 44 بكسلًا. وإن كانت اللغات أكثر من اثنتين، فاذكرها كلها، كلًّا بلغتها.

الحالات​

--al-color-text-muted، و--al-color-text عند التمرير. التركيز: إطار التركيز في النظام.

لوحة المفاتيح​

Enter يتبعه.

ARIA​

lang على الرابط، فينطق قارئ الشاشة الاسم بتلك اللغة؛ وhreflang يقول إن الصفحة التي يقود إليها بها. وأعطِ الصفحتين أيضًا <link rel="alternate" hreflang="…"> إلى بعضهما في ترويستيهما.

من اليمين إلى اليسار​

يقع بين أدوات الترويسة، في النهاية: اليسار في العربية.

افعل ولا تفعل​

افعل
  • اربط بالصفحة نفسها باللغة الأخرى، لا بالصفحة الرئيسية لتلك اللغة.
  • أبقِ المبدّل في مكانه في كل صفحة.
لا تفعل
  • استخدام علم: اللغات ليست بلدانًا.
  • ترجمة الاسم («Arabic» في الصفحة الإنجليزية): يبحث الناس عن لغتهم، مكتوبة بها.

الرموز​

الرموز التي يستخدمها (5)

--al-color-text، --al-color-text-muted، --al-size-target-min، --al-space-1-5، --al-space-2