Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In certain languages, such as Arabic and Hebrew, text is read from right-to-left (RTL). This makes it necessary to flip your entire design. A modular design approach will come in handy while accommodating RTL languages. For example, the application below is designed to flip neatly for Hebrew and other RTL languages:

Image Modified

When localizing for RTL, the elements below should be mirrored:

...

  • Provide a text label, left aligned to its associated field. Check boxes and Radio Buttons are exceptions to this rule.

  • In situations where horizontal UI space is limited, or responsive design is used, render the label above its associated field.

  • Ensure that all labels and associated fields are vertically aligned as columns in a table.

Image Modified

Required fields

All required fields should be marked with an asterisk in close proximity to its associated label.

...

Title Case (Most Words Are Capitalized)

Image Modified

Use title case for menu labels, buttons, navigation, and section headers.

...

Sentence Case (Most words are lowercase)

Image Modified

Use sentence case for all body copy, image captions, and secondary editorial subheadings.

...