W3C

 

On this page

More tests

Test home page

HTML5 Internationalization Tests
Text direction

This page gathers links related to tests being developed by the Internationalization Core Working Group to assess internationalization support of user agents. These tests are subject to change from time to time.

For each of the sections below, this page links to summaries of the results of related tests (for major browsers), to more detailed results (by test suite) in the W3C Test Framework, and to pages in the framework that allow you to run the tests and record results. The remainder of each section provides direct links to the tests themselves, with information about the test assertion and relevant formats.

Bidi algorithm (no markup)

Unicode control characters

Basic block markup tests

Page direction set to RTL

  • paragraphs (bidi-markup-001)
    When the html tag sets dir to rtl, (a) directional runs in a paragraph are ordered right-to-left, (b) the paragraph is right-aligned on the page.
    TestResults
  • tables (bidi-markup-002)
    When the html tag sets dir to rtl, (a) directional runs in a table are ordered right-to-left, (b) columns run right-to-left, (c) text is right-aligned within cells, and (d) the table is right-aligned on the page.
    TestResults

Direction on element

  • ltr context, rtl p (bidi-markup-003)
    When dir="rtl" is added to a paragraph in a ltr context, (a) directional runs in a paragraph are ordered right-to-left, (b) the paragraph is right-aligned on the page.
    TestResults
  • ltr context, rtl table (bidi-markup-004)
    When dir="rtl" is added to a table in a ltr context, (a) directional runs in a table are ordered right-to-left, (b) columns run right-to-left, (c) text is right-aligned within cells, and (d) the table is left-aligned on the page.
    TestResults
  • rtl context, ltr p (bidi-markup-005)
    When dir="rtl" is added to a paragraph in a rtl context, (a) directional runs in a paragraph are ordered left-to-right, (b) the paragraph is left-aligned on the page.
    TestResults
  • rtl context, ltr table (bidi-markup-006)
    When dir="rtl" is added to a table in a rtl context, (a) directional runs in a table are ordered left-to-right, (b) columns run left-to-right, (c) text is left-aligned within cells, and (d) the table is right-aligned on the page.
    TestResults

Inheritance from non-html parent

  • ltr page, rtl div, p (bidi-markup-007)
    When dir="rtl" is added to a div in a ltr context, for paragraphs in the div (a) directional runs are ordered right-to-left, (b) the paragraphs are right-aligned on the page.
    TestResults
  • ltr page, rtl div, table (bidi-markup-008)
    When dir="rtl" is added to a div in a ltr context, for tables in the div (a) directional runs in a table are ordered right-to-left, (b) columns run right-to-left, (c) text is right-aligned within cells, and (d) the table is right-aligned on the page.
    TestResults
  • rtl page, ltr div, p (bidi-markup-009)
    When dir="rtl" is added to a div in a rtl context, for paragraphs in the div (a) directional runs are ordered left-to-right, (b) the paragraphs are left-aligned on the page.
    TestResults
  • rtl page, ltr div, table (bidi-markup-010)
    When dir="rtl" is added to a div in a rtl context, for tables in the div (a) directional runs in a table are ordered left-to-right, (b) columns run left-to-right, (c) text is left-aligned within cells, and (d) the table is left-aligned on the page.
    TestResults

Lists

  • ordered and unordered lists (bidi-markup-029)
    In a rtl context, all list items should start from the right, regardless of the direction of the script in the list item.
    TestResults
  • dl lists (bidi-markup-030)
    In a rtl context, all list items should start from the right, regardless of the direction of the script in the list item.
    TestResults

Basic inline markup tests

Base direction

  • base direction, ltr context (bidi-markup-017)
    In a left-to-right context, without markup, styling or special characters, a sequence of directional runs will progress from left to right.
    TestResults
  • base direction, rtl context (bidi-markup-018)
    In a right-to-left context, without markup, styling or special characters, a sequence of directional runs will progress from right-to-left.
    TestResults

Embedded level

  • neutral in embedded rtl level (bidi-markup-019)
    In a ltr context, an inline element with dir set to rtl will produce an embedded directional context that is applied to neutral characters.
    TestResults
  • neutral in embedded ltr level (bidi-markup-020)
    In a rtl context, an inline element with dir set to ltr will produce an embedded directional context that is applied to neutral characters.
    TestResults

RLM

  • neutral associated with rlm entity (bidi-markup-021)
    In a ltr context, an rlm entity will give a right-to-left direction to a neutral character.
    TestResults
  • neutral associated with rlm entity (bidi-markup-022)
    In a rtl context, an lrm entity will give a left-to-right direction to a neutral character.
    TestResults
  • neutral associated with rlm NCR (bidi-markup-023)
    In a ltr context, an NCR representing the RLM character will give a right-to-left direction to a neutral character.
    TestResults
  • neutral associated with rlm NCR (bidi-markup-024)
    In a rtl context, an NCR representing the RLM character will give a left-to-right direction to a neutral character.
    TestResults

bdo element

  • bdo, dir ltr (bidi-markup-027)
    The bdo element with dir set to ltr causes all contained text to ignore the bidirectional algorithm and displays all characters from left to right.
    TestResults
  • bdo, dir rtl (bidi-markup-028)
    The bdo element with dir set to rtl causes all contained text to ignore the bidirectional algorithm and displays all characters from right to left.
    TestResults

bdi element

br

pre

textarea

dir=auto

User agent chrome and bidi text

Scrollbar alignment

  • Exploratory: dir on html, vertical scrollbar alignment (bidi-chrome-001)
    [Exploratory test] When the html tag sets dir to rtl, the browser window's vertical scroll bar will be on the usual side of the window.
    TestResults
  • Exploratory: dir on body, vertical scrollbar alignment (bidi-chrome-009)
    [Exploratory test] When the body tag sets dir to rtl, the browser window's vertical scroll bar will be on the usual side of the window.
    TestResults

Alert box

  • Exploratory: rtl on html, javascript alert box (bidi-chrome-002)
    [Exploratory test] When the html tag sets dir to rtl, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on html, javascript alert box layout (bidi-chrome-002a)
    [Exploratory test] When the html tag sets dir to rtl, the layout of items in the JavaScript alert box has the same direction as usual.
    TestResults
  • Exploratory: rtl on body, javascript alert box (bidi-chrome-010)
    [Exploratory test] When the body tag sets dir to rtl, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on body, javascript alert box layout (bidi-chrome-010a)
    [Exploratory test] When the body tag sets dir to rtl, the layout of items in the JavaScript alert box has the same direction as usual.
    TestResults
  • Exploratory: local rtl, javascript alert box (bidi-chrome-015)
    [Exploratory test] When dir is set to rtl on a local element, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: local rtl, javascript alert box layout (bidi-chrome-015a)
    [Exploratory test] When dir is set to rtl on a local element, the layout of items in the JavaScript alert box has the same direction as usual.
    TestResults
  • Exploratory: javascript alert box with Unicode controls (bidi-chrome-020)
    [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript alert, text runs on the dialog box appear in the correct order.
    TestResults

Confirm box

  • Exploratory: rtl on html, javascript confirm box (bidi-chrome-003)
    [Exploratory test] When the html tag sets dir to rtl, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on html, javascript confirm box layout (bidi-chrome-003a)
    [Exploratory test] When the html tag sets dir to rtl, the layout of the JavaScript confirm box has the same direction as usual.
    TestResults
  • Exploratory: rtl on body, javascript confirm box (bidi-chrome-011)
    [Exploratory test] When the body tag sets dir to rtl, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on body, javascript confirm box layout (bidi-chrome-011a)
    [Exploratory test] When the body tag sets dir to rtl, the layout of the JavaScript confirm box has the same direction as usual.
    TestResults
  • Exploratory: local rtl, javascript confirm box (bidi-chrome-016)
    [Exploratory test] When dir is set to rtl on a local element, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: local rtl, javascript confirm box layout (bidi-chrome-016a)
    [Exploratory test] When dir is set to rtl on a local element, the layout of the JavaScript confirm box has the same direction as usual.
    TestResults
  • Exploratory: javascript confirm box with Unicode controls (bidi-chrome-021)
    [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript confirm box, text runs on the dialog box appear in the correct order.
    TestResults

Prompt box

  • Exploratory: rtl on html, javascript prompt box (bidi-chrome-004)
    [Exploratory test] When the html tag sets dir to rtl, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on html, javascript prompt box input (bidi-chrome-004a)
    [Exploratory test] When the html tag sets dir to rtl, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on html, javascript prompt box layout (bidi-chrome-004b)
    [Exploratory test] When the html tag sets dir to rtl, the layout of a JavaScript prompt box has the same direction as usual.
    TestResults
  • Exploratory: rtl on body, javascript prompt box (bidi-chrome-012)
    [Exploratory test] When the body tag sets dir to rtl, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on body, javascript prompt box input (bidi-chrome-012a)
    [Exploratory test] When the body tag sets dir to rtl, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: rtl on body, javascript prompt box layout (bidi-chrome-012b)
    [Exploratory test] When the body tag sets dir to rtl, the layout of a JavaScript prompt box has the same direction as usual.
    TestResults
  • Exploratory: local rtl, javascript prompt box (bidi-chrome-017)
    [Exploratory test] When dir is set to rtl on a local element, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: local rtl, javascript prompt box (bidi-chrome-017a)
    [Exploratory test] When dir is set to rtl on a local element, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order.
    TestResults
  • Exploratory: local rtl, javascript prompt box (bidi-chrome-017b)
    [Exploratory test] When dir is set to rtl on a local element, the layout of a JavaScript prompt box has the same direction as usual.
    TestResults
  • Exploratory: javascript prompt box with Unicode controls (bidi-chrome-022)
    [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript prompt box, text runs on the dialog box chrome appear in the correct order.
    TestResults
  • Exploratory: javascript prompt box with Unicode controls input (bidi-chrome-022a)
    [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript prompt box, text runs for the initial prompt appear in the correct order.
    TestResults

Tooltips

  • Exploratory: rtl on html, tooltip text starts with RTL (bidi-chrome-005)
    [Exploratory test] When the html tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: rtl on html, tooltip text starts with LTR (bidi-chrome-006)
    [Exploratory test] When the html tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: rtl on body, tooltip text starts with RTL (bidi-chrome-013)
    [Exploratory test] When the body tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: rtl on body, tooltip text starts with LTR (bidi-chrome-014)
    [Exploratory test] When the body tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: local rtl, tooltip text starts with RTL (bidi-chrome-018)
    [Exploratory test] When dir is set to rtl on a local element, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: local rtl, tooltip text starts with LTR (bidi-chrome-019)
    [Exploratory test] When dir is set to rtl on a local element, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order.
    TestResults
  • Exploratory: tooltip text with Unicode controls (bidi-chrome-023)
    [Exploratory test] When Unicode directional control characters surround attribute text to be displayed in a tooltip, text runs in the tooltip appear in the correct order.
    TestResults

Page title

  • Exploratory: rtl on html, page title text begins with RTL (bidi-chrome-007)
    [Exploratory test] When the html tag sets dir to rtl, directional runs in the window title are in the correct order and characters within a directional run in the window title are in the right order.
    TestResults
  • Exploratory: rtl on html, page title text begins with LTR (bidi-chrome-008)
    [Exploratory test] When the html tag sets dir to rtl, directional runs in the window title are in the correct order and characters within a directional run in the window title are in the right order.
    TestResults
  • Exploratory: page title text with Unicode controls (bidi-chrome-024)
    [Exploratory test] When Unicode directional control characters surround the text in the text element, text runs in the window title location appear in the correct order.
    TestResults

Copyright © 2013 W3C ® (MIT, ERCIM, Keio, Beihang) Usage policies apply.
Content last changed 2012-03-30 06:36 GMT.