Skip to main content

Setting Widget Language

Configure the AllAccessible widget to display in your preferred language or automatically detect your visitors' language preferences. This guide expla

Written by Frank

Setting Widget Language

Overview

Configure the AllAccessible widget to display in your preferred language or automatically detect your visitors' language preferences. This guide explains language configuration and multi-language support.

Who This Is For

  • Multi-language website owners

  • International businesses

  • Sites serving diverse audiences

  • Anyone needing non-English accessibility tools

What You'll Learn

  • How to set default widget language

  • Auto-detection features

  • Available languages

  • How users can change language


Supported Languages

AllAccessible widget supports 35+ languages:

Western European:

  • English, Spanish, French, German, Italian, Portuguese, Dutch

  • Swedish, Norwegian, Danish, Finnish, Polish, Romanian

  • Catalan, Galician

Eastern European:

  • Russian, Ukrainian, Czech, Slovak, Hungarian, Bulgarian

  • Croatian, Serbian, Slovenian

Middle Eastern:

  • Arabic, Hebrew, Turkish, Persian (Farsi)

Asian:

  • Chinese (Simplified & Traditional), Japanese, Korean

  • Thai, Vietnamese, Indonesian, Hindi

Other:

  • Greek, Estonian, Latvian, Lithuanian

More languages added regularly!


How Language Selection Works

Auto-Detection (Default)

Automatic Process:

  1. Widget loads on your site

  2. Detects visitor's browser language

  3. Displays widget in that language (if supported)

  4. Falls back to English if language not supported

Example:

  • French visitor: Widget appears in French

  • Spanish visitor: Widget appears in Spanish

  • Thai visitor: Widget appears in Thai

  • Swahili visitor: Widget appears in English (not yet supported)

Benefit: No configuration needed, works automatically


Manual Default Language

Set a specific default language:

Use When:

  • Your website is primarily in one language

  • Target audience speaks specific language

  • Want consistency regardless of browser settings

Configuration:

  1. Dashboard β†’ Sites β†’ [Your Site] β†’ Widget Settings

  2. Find "Language Settings" section

  3. Select default language from dropdown

  4. Save changes

Example:

Website: Spanish-language site serving Latin America
Setting: Default Language = Spanish (es)
Result: All visitors see Spanish widget, regardless of browser language


User Language Control

Visitors Can Change Language:

In the Widget:

  1. Open accessibility widget

  2. Scroll to widget footer

  3. Click language selector (flag or language name)

  4. Choose from available languages

  5. Widget updates instantly

Preference Saved:

  • User's choice saved in browser

  • Persists across sessions

  • Overrides auto-detection and defaults

πŸ“· Widget language selector


Setting Default Language

For Single-Language Sites

Step 1: Determine Your Primary Language

Examples:

  • US business β†’ English (en)

  • French company β†’ French (fr)

  • Spanish website β†’ Spanish (es)

  • German site β†’ German (de)

Step 2: Configure in Dashboard

  1. Widget Settings β†’ Language Settings

  2. Default Language dropdown

  3. Select your language

  4. Save Changes

Step 3: Verify (After 1 Hour)

  • Visit your website

  • Open widget

  • Verify default language is correct


For Multi-Language Sites

Option 1: Auto-Detection (Recommended)

Best for: International audiences

Configuration:

  • Default Language: Leave as "Auto-Detect"

  • Widget adapts to each visitor

Pros:

  • βœ… Personalized experience

  • βœ… No configuration per language

  • βœ… Covers all supported languages

Cons:

  • ⚠️ May not match your page language if browser set differently


Option 2: Match Page Language

Best for: WPML, Polylang, or similar multi-language setups

Advanced Implementation:

// Detect current page language
const pageLanguage = document.documentElement.lang || 'en';// Configure widget
window.AllAccessibleConfig = {
  language: pageLanguage
};

Result: Widget language always matches page language


Language Configuration Examples

Example 1: Spanish Business in US

Goal: Serve Spanish and English speakers

Configuration:

  • Default Language: Auto-Detect

  • Primary website: English

  • Spanish version available

Result:

  • English browsers see English widget

  • Spanish browsers see Spanish widget

  • Users can manually switch


Example 2: French-Canadian Company

Goal: Serve French-speaking Canadians

Configuration:

  • Default Language: French (fr)

  • All visitors see French first

  • English available for anglophone visitors

Result:

  • Default: French widget

  • Users can switch to English if needed


Example 3: International E-Commerce

Goal: Serve 20+ countries

Configuration:

  • Default Language: Auto-Detect

  • No manual override

  • Trust browser detection

Result:

  • German visitors: German widget

  • Japanese visitors: Japanese widget

  • Brazilian visitors: Portuguese widget

  • Automatic localization


Right-to-Left (RTL) Language Support

Arabic and Hebrew

Automatic RTL Support:

  • Widget interface flips for RTL languages

  • Text aligns right

  • Icons mirror appropriately

  • Navigation flow reversed

No Configuration Needed:

  • Set language to Arabic (ar) or Hebrew (he)

  • RTL automatically applies

πŸ“· Widget in RTL mode


Translation Quality

Professional Translations

All AllAccessible languages are:

  • βœ… Professionally translated (not machine translation)

  • βœ… Reviewed by native speakers

  • βœ… Culturally appropriate

  • βœ… Accessibility terminology accurate

Regularly Updated:

  • New features translated on release

  • Community feedback incorporated

  • Continuous quality improvement


Contributing Translations

See an error or want to help?

How to Contribute:

  1. Include:

    • Language

    • Current text

    • Suggested correction

    • Context/explanation

We Appreciate:

  • Native speaker corrections

  • Cultural appropriateness feedback

  • Terminology suggestions


Language and Accessibility Statement

Important: Accessibility statement language matches widget language

How It Works:

  • Widget in Spanish β†’ Statement in Spanish

  • Widget in French β†’ Statement in French

  • All statement content is translated

If You Customize Statement:

  • Customizations appear in all languages

  • Consider translating custom content

  • Or keep custom sections in primary language only


Common Questions

Q: Can I have different languages for different subdomains?
A: Yes! Each subdomain can have its own default language setting.

Q: What if my language isn't supported?
A: Widget falls back to English. Contact support to request new language additions.

Q: Can users permanently set their language preference?
A: Yes! Their selection is saved in browser local storage and persists across sessions.

Q: Does language setting affect the dashboard?
A: No. Dashboard language is separate from widget language.

Q: Can I translate the widget myself?
A: AllAccessible provides all translations. Custom translations not currently supported.

Q: How often are new languages added?
A: Quarterly releases typically include 1-3 new languages based on user demand.

Q: Do updates affect language availability?
A: No. Language updates are separate from widget customization updates.


Troubleshooting Language Issues

Issue: Widget Not in Expected Language

Possible Causes:

  1. Browser language different from expected

  2. User previously selected different language

  3. Default language not configured

Solutions:

  1. Check browser language settings

  2. Clear browser local storage

  3. Set manual default language in dashboard

  4. Hard refresh page


Issue: Some Text Still in English

Cause: Incomplete translation or new feature

Solution:

  1. Include screenshot and language

  2. We'll add missing translations in next update


Issue: Language Selector Not Visible

Cause: Single-language configuration

Solution:

  • Language selector appears when multiple languages detected

  • Ensure auto-detect is enabled, or

  • Configure to show selector always (future feature)


Best Practices

1. Match Your Website

If your website has language switcher:

  • Coordinate widget language with page language

  • Provide consistent experience

  • Consider JavaScript to sync both

2. Test All Languages

Before deploying:

  • Test each language you expect

  • Verify translations are accurate

  • Check RTL languages display correctly

  • Ensure all features work in all languages

3. Consider SEO

Widget language doesn't affect SEO, but:

  • Accessibility statement language should match page

  • Consider creating language-specific statement pages

  • Use hreflang tags for multi-language sites


Related Articles


Last Updated: October 2025
​Supported Languages: 35+
​Auto-Detection: Enabled by default
​RTL Support: Arabic, Hebrew, Persian

Did this answer your question?