Accessibility: Setting and Managing Your Site's Language

In order for assistive technologies to interpret your site correctly, we recommend setting up your site's language / languages, and managing them as needed.

Where does Wix get its information?

• We make recommendations as per the Web Content Accessibility Guidelines (WCAG) document, which has been developed by the World Wide Web Consortium (W3C).

• This article is based on the Language of Page success criterion (3.1.1).

Site language and accessibility

Some site visitors use assistive technologies and settings (such as screen readers and live captions) while browsing the internet. Setting the site's main language provides these technologies with information they need to accurately render the content.

The language you set:

• Indicates the script / characters used in text

• Determines how text content should be read aloud (i.e., the pronunciation, accent, pitch, and speaking rate)

• Tells the device / browser what language generated captions should be in

If the site language is incorrect, it can cause issues for visitors using these technologies (e.g., screen readers may use different accents, or pronounce things incorrectly). It is therefore important to set and manage site languages correctly to provide the most accurate experience for visitors.

Checking and setting the language of a single-language site

If you have a single-language site, you can check the language from the site's dashboard and change it if needed.

To check / set the site's language:

1. Go to Settings in the site's dashboard.

2. Click Language & Region.

3. Click the Site language drop-down menu and set the language of your site.

Changing a site's language in the Accessibility Wizard

You may be prompted to change the language of a single-language site in your site builder's Accessibility Wizard. Even if you have previously set the language, you can still use the task in the wizard to check and update it.

Wix Editor

1. Go to your editor.

2. Click Settings at the top and select Accessibility Wizard.

3. Click Scan Site in the wizard on the right.

4. Select the Detected issues tab.

5. Open the Site level drop-down.

6. Click Set main site language.

7. Click Edit beside Main site language.

8. Select the relevant language from the drop-down menu.

9. Click Apply.

Studio Editor

1. Go to your editor.

2. Click Site Checker

   

   on the left side of your editor.

3. Select Fix Accessibility Issues.

4. Click Scan Site.

5. Select the Detected issues tab.

6. Open the Site level drop-down.

7. Click Set main site language.

8. Click Edit beside Main site language.

9. Select the relevant language from the drop-down menu.

10. Click Apply.

Wix Harmony Editor

1. Go to your editor.

2. Click your site’s name at the top left of the editor.

3. Scroll down to Accessibility and click Fix Issues.

4. Click Scan Site.

5. Open the Site level drop-down.

6. Click Edit beside Original language.

7. Select the relevant language from the drop-down.

8. Click Apply.

Working with languages on a Multilingual site

Multilingual sites generally contain language menus that allow visitors to switch between languages. The flag icons in these menus are automatically assigned alt text that reflects the corresponding language.

As screen readers read both regular and alt text, menus containing text and icons may cause the screen reader to repeat the language name. We therefore suggest setting the menu to show only the text or icon in your site's editor.

Wix Editor

1. Go to your editor.

2. Select the language menu.

3. Click the Layout icon

   

   .

4. Choose what you want to display on the menu:

   • Flags:

     1. Enable the Show flags toggle.

     2. Select Flags only under Display.

   • Language name:

     1. Disable the Show flags toggle.

     2. Choose either Full name or Abbreviated under Display.

Learn more about changing the layout of a language menu

Studio Editor

1. Go to your editor.

2. Select the language menu.

3. Click the Layout icon

   

   .

4. Choose what you want to display on the menu:

   • Flags:

     1. Enable the Show flags toggle.

     2. Select Flags only under Display.

   • Language name:

     1. Disable the Show flags toggle.

     2. Choose either Full name or Abbreviated under Display.

Learn more about changing the layout of a language menu

Next step:

Go back to the Accessibility Checklist to continue improving your site for accessibility.

FAQs