Bidirectional text support

[avidseeker]

Proper bidirectional text navigation, editing, and typing is essential for speakers of Right-to-left languages.

Unicode specifies Unicode Bidirectional Algorithm (UBA) for programs to automatically detect the directionality of each paragraph. Although it is properly implemented in GUI toolkits such as GTK and QT, unfortunately, this algorithm is still not implemented in many major browsers.

• Chromium UBA
• Chromium force text direction
• Firefox UBA
• Firefox force text direction
• qtbrowser
• Webkit

All of the previously listed issues are related to text fields and the alignment of text within them. However, this should also apply to HTML rendering, meaning that if two paragraphs in HTML source are:

<p>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
</p>
<p>
	قِفَا نَبْكِ مِنْ ذِكْرَى حَبِيبٍ ومَنْزِلِ، بِسِقْطِ اللِّوَى بَيْنَ الدَّخُول فَحَوْمَلِ. فَتُوْضِحَ فَالمِقْراةِ لمْ يَعْفُ
</p>

Then the browser would apply UBA on the second paragraph so that it renders it the same as it renders:

<p>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
</p>
<p dir="rtl">
	قِفَا نَبْكِ مِنْ ذِكْرَى حَبِيبٍ ومَنْزِلِ، بِسِقْطِ اللِّوَى بَيْنَ الدَّخُول فَحَوْمَلِ. فَتُوْضِحَ فَالمِقْراةِ لمْ يَعْفُ
</p>

Here is for example how it is rendered in UBA-supported text editor (GTK):

Of course, the dir HTML attribute would still stay as a way to force text direction, but by default, applying UBA would be more close to what the end-user would expect.

I hope that by adding Bidirectional Text Support as a WCAG standard, that'll push browsers to implement it.

Resources and readings:

• Comprehensive guide of RTL styling in HTML
• W3C Bidi Text Basics
• freedesktop specification for Bidi support: terminal.