I18N Tests: Inline bidi markup 1
This is one of a set of pages that examine how inline bidirectional text is handled by a user agent.
Tests on this page seek to determine how a user agent handles various aspects related to the ordering of characters and
directional runs within inline text. Several fundamental tests use both Arabic and Hebrew examples, just in case there is any difference.
Note: When comparing test data with reference graphics, font differences and cursive joining behavior are irrelevant.
Ordering of characters and directional runs are what are tested here.
Note: You will need an Arabic font to compare the glyphs in these tests. If you are unfamiliar with Arabic characters and
want to do purely visual matching, you will also need Arabic cursive rendering capabilities.
Directional typing
No markup or special characters used. Relies on the bidirectional algorithm.
Check test data looks the same as this graphic:
No markup or special characters used. Relies on the bidirectional algorithm.
Check test data looks the same as this graphic:
No markup or special characters used. Relies on the bidirectional algorithm. Adds spaces between Arabic words that should
take on the rtl direction.
Check test data looks the same as this graphic:
The title is مفتاح معايير الويب in Arabic.
Directional context
No markup or special characters used, but the surrounding div includes dir="ltr".
Check test data looks the same as this graphic:
No markup or special characters used, but the surrounding div includes dir="ltr".
Check test data looks the same as this graphic:
Inline dir attribute
The Arabic phrase is surrounded by <span dir="rtl">.
Check the exclamation mark is in the same place as in this graphic:
The title is "مفتاح معايير الويب!" in Arabic.
The Hebrew phrase is surrounded by <span dir="rtl">.
Check text between quotes is in the same order as in this graphic:
The title says "פעילות הבינאום, W3C" in Hebrew.
Directional character escapes and entities
The exclamation mark is followed by ‏.
Check the exclamation mark is in the same place as in this graphic:
The title is "مفتاح معايير الويب!" in Arabic.
The exclamation mark is followed by ‏.
Check the exclamation mark is in the same place as in this graphic:
The title is "مفتاح معايير الويب!" in Arabic.
Numbers
No markup or special characters used. Relies on the bidirectional algorithm.
Check test data looks the same as this graphic:
Relies on the bidirectional algorithm. In some versions of user agents, the fourth item in the second row will be rendered as
١٢٣٤ rather than 1234. It means the same.
Check test data looks the same as this graphic:
bdo
The code is <p><bdo dir="ltr">...</bdo></p>. Note that this test only applies to user
agents that normally render text using the bidirectional algorithm. On user agents that fail the above tests, this may look as expected. Both this
and the following test should be checked together.
Check that all characters run in the same direction as in this graphic:
The code is <p><bdo dir="rtl">...</bdo></p>.
Check that all characters run in the same direction as in this graphic:
Version: $Id: sec-inline-bidi-1.html,v 1.6 2004/11/04 20:51:20 rishida Exp $