Translating the multilingual messages for when JavaScript is disabled

The translation process is different for the multilingual messages that are displayed when JavaScript is disabled in the browser. Because JavaScript is not available, the messages are implemented in the static index.html file. You must customize this file to include translated messages for each of your supported languages.

Procedure

  1. Open the universal-access-sample-app/public/index.html file and review the message and the provided languages.
  2. Update the message if required and translate the message into all of your supported languages.
  3. Edit the universal-access-sample-app/public/index.html file, and follow the provided format to add messages.
    <noscript>
      <div lang="en">
        <h1>
            <svg" focusable="false" aria-hidden="true"><use xlink:href="../../dist/icons/icon-sprite-sheet.svg#info-16"></use></svg>
            JavaScript is switched off in your browser</h1>
        <p>To use this service, you must enable JavaScript in your browser setting and try again. 
            For instructions to enable JavaScript, check your browser support website.</p>
      </div>   ...
      </noscript>

    Screen readers that switch language profiles use the lang attribute to provide the correct accent and pronunciation. Most language tags consist of a two- or three-letter language subtab, often followed by a two-letter or three-digit region subtag. For information about choosing a language tag, see: Choosing a Language Tag.

  4. To change the style of the messages, update the noscript.css file that is referenced in the header.
    For more information about styling the application, see Customizing the color scheme or typography.