روح للمحتوى على طول

اللغات والـ RTL

الإنجليزي والعربي موجودين جوّاه. ضيف لغاتك، أو غيّر نصوص معينة، أو اجبر اتجاه معين.

في الصفحة دي

الزوار بيغيّروا اللغة من القائمة اللي في الـ header بتاع اللوحة، واتجاه اللوحة بيمشي ورا اللغة.

لغة البداية

الـ widget بيبدأ بآخر اختيار للزائر، ولو مفيش فبلغة الصفحة في html lang (يعني ar-EG بتدّي عربي من اليمين للشمال)، ولو مفيش فبأول لغة في الليستة. مرّر language عشان تختارها بنفسك، أو languages: false عشان تخفي القائمة.

TypeScript
import { init } from "open-accessibility-widget";

init({ language: "ar" });   // start in Arabic (right-to-left)
init({ languages: false }); // hide the language menu (English only)

ضيف لغة

ضيف الـ entries بتاعتك جنب builtInLanguages. أي نصوص ناقصة في لغة بترجع للإنجليزي.

TypeScript
import { init, builtInLanguages } from "open-accessibility-widget";

init({
  languages: [
    ...builtInLanguages,
    { code: "fr", name: "Français", labels: { title: "Accessibilité", resetAll: "Tout réinitialiser" } },
  ],
});

غيّر نصوص معينة

labels بيغيّر النصوص فوق أي لغة شغالة. increase وdecrease وreset ممكن يحطوا اسم الإعداد بـ {label}؛ ومن غيره، الاسم بيتضاف في الآخر. النسب المئوية بتتكتب بتنسيق اللغة الشغالة.

TypeScript
init({ labels: { title: "Accessibility tools" } });

// increase, decrease and reset can place the setting's name:
init({ labels: { increase: "{label} vergrößern" } });

الاتجاه

اللغة المخصصة اللي مفيهاش dir بتتعرض من اليمين للشمال لو الكود بتاعها للغة بتتكتب من اليمين (ar وhe وfa وur…). وdir بيجبر اتجاه واحد لكل اللغات.

TypeScript
init({ dir: "rtl" }); // force the widget's direction, whatever the language

عدّل الصفحة دي على GitHub