RTL Guidelines

--===============5623024280404223014==
Content-Type: multipart/alternative; boundary="0000000000003d96c7059df12100"

--0000000000003d96c7059df12100
Content-Type: text/plain; charset="UTF-8"

Hello folks,

There has been a significant number of RTL bugs found in the last few
months in the Firefox UI. From what I can gather, they were mostly due lack
of awareness on specific situations that are more complex than just using
CSS logical properties, but sometimes due to lack of testing.

Itiel has made a great job at filing+fixing many bugs and wrote up a guide
based on his experience. This guide describes in detail what things should
be mirrored, text handling in RTL and tips on how to spot/fix/test RTL
issues. It includes things I personally didn't know about before, so I do
encourage giving it a read:

https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines

When developing a new part of the UI or making significant UI changes,
please do make sure you manually test RTL for issues (by setting
intl.l10n.pseudo to bidi) to make Firefox accessible for all languages :)

I hope that this guide will be helpful, and please do let me or Itiel know
if you've got any feedback on it.

Cheers,
Tim,
Firefox Desktop Theme peer

--0000000000003d96c7059df12100
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div>Hello folks,</div><div><br></div><div>There has been =
a significant number of RTL bugs found in the last few months in the Firefo=
x UI. From what I can gather, they were mostly due lack of awareness on spe=
cific situations that are more complex than just using CSS logical properti=
es, but sometimes due to lack of testing.<br></div><div><br></div><div>Itie=
l has made a great job at filing+fixing many bugs and wrote up a guide base=
d on his experience. This guide describes in detail what things should be m=
irrored, text handling in RTL and tips on how to spot/fix/test RTL issues. =
It includes things I personally didn&#39;t know about before, so I do encou=
rage giving it a read:</div><div><br></div><div><a href=3D"https://develope=
r.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines">https://develope=
r.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines</a></div><div><br=
></div><div>When developing a new part of the UI or making significant UI c=
hanges, please do make sure you manually test RTL for issues (by setting <s=
pan dir=3D"auto"><code class=3D"gmail-c-mrkdwn__code"><span class=3D"gmail-=
c-mrkdwn__highlight">intl.l10n.pseudo<span style=3D"font-family:arial,sans-=
serif"> to </span>bidi<span style=3D"font-family:arial,sans-serif">) to mak=
e Firefox accessible for all languages :)<br></span></span></code></span></=
div><div><br><span dir=3D"auto"><code class=3D"gmail-c-mrkdwn__code"><span =
class=3D"gmail-c-mrkdwn__highlight"><span style=3D"font-family:arial,sans-s=
erif"></span></span></code></span></div><div>I hope that this guide will be=
 helpful, and please do let me or Itiel know if you&#39;ve got any feedback=
 on it.<br><span dir=3D"auto"><code class=3D"gmail-c-mrkdwn__code"><span cl=
ass=3D"gmail-c-mrkdwn__highlight"><span style=3D"font-family:arial,sans-ser=
if"></span></span></code></span><span dir=3D"auto"><code class=3D"gmail-c-m=
rkdwn__code"><span class=3D"gmail-c-mrkdwn__highlight"></span></code></span=
></div><div><div><div><br></div><div>Cheers,<br></div><div>Tim,</div><div>F=
irefox Desktop Theme peer<br></div><div><br></div></div></div></div>

--0000000000003d96c7059df12100--

--===============5623024280404223014==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

_______________________________________________
firefox-dev mailing list
[email protected]
https://mail.mozilla.org/listinfo/firefox-dev

--===============5623024280404223014==--