Text and Characters
As you reverse the layout of your UI and translate text, it's important to review the results and make adjustments as needed for readability.
Although your app’s overall layout reverses in the right-to-left (RTL) context, you may need to take a more nuanced approach when aligning text blocks.
Adjust text alignment to match the interface direction, if the system doesn’t do so automatically. For example, if you left-align text with content in the left-to-right (LTR) context, right-align the text to match the content’s mirrored position in the RTL context.
Align a paragraph — defined as three or more lines of text — based on its language, not on the current context. A paragraph is the exception to matching text alignment to interface direction. For example, left-align a paragraph that contains LTR text even when the current context is RTL. To maintain readability, continue to align one- and two-line text blocks to match the reading direction of the current context.
Use a consistent alignment for all text items in a list. To ensure a comfortable reading and scanning experience, reverse the alignment of all items in a list, including items that are displayed in a different script.
Numbers and Alphanumeric Characters
Although Hebrew text uses Western Arabic numerals, Arabic text might use either Western or Eastern Arabic numerals. The use of Western and Eastern Arabic numerals varies among countries and regions and even among areas within the same country or region. If your app focuses on mathematical concepts or other number-centric topics, it’s a good idea to identify the appropriate way to display such information in each locale you support. In general, it works well to rely on system-provided number representations.
Don’t reverse the order of numerals in a specific number. Regardless of the current language or the surrounding content, the digits in a specific number — such as “541,” a passcode, a phone number, or a credit card number — always appear in the same order.
Reverse the order of numerals that show progress or a counting direction — never flip the numerals themselves. Controls like progress bars, sliders, and rating controls often include numerals to clarify their meaning. If you use numerals in this way, be sure to reverse the order of the numerals to match the direction of the flipped control. Also reverse a sequence of numerals if you use the sequence to communicate a specific order.