Separate text from code

Separate user interface text from source code. Examples are labels, text in list controls and headings.

Consider bi-directional text

Design the application to handle bi-directional text (left-to-right and right-to-left). Consider restructuring page(s) for right-to-left contexts so that they mirror the left-to-right page.

Check character encoding

Make sure character encoding is right; e.g. <meta charset="utf-8">.

Use compatible font

Ensure your fonts are compatible with all languages included for translation. Fonts must include all required characters and glyphs. Character size and line height may differ between Latin and non-Latin fonts. Some languages are wordier than other languages and require more space on a page.

Be careful with colors

Colours drive impressions in different parts of the world. Check themes and colour schemes for suitability across cultures.