Languages and RTL

The widget starts in the visitor's last choice, otherwise in the page's html lang (so ar-EG gives Arabic, right to left), otherwise in the first language of the list. Pass language to choose it yourself, or languages: false to hide the menu.

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

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

Add your own entries next to builtInLanguages. Strings missing from a language fall back to English.

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

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

labels overrides strings on top of whichever language is active. increase, decrease and reset can place the setting's name with {label}; without it, the name is added at the end. Percentages are formatted for the active language.

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

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

A custom language without dir is shown right to left when its code is a right-to-left language (ar, he, fa, ur…). dir forces one direction for every language.

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