Re: RTL Guidelines

--===============1471749292205175254==
Content-Type: multipart/alternative; boundary="000000000000a174ba059df15481"

--000000000000a174ba059df15481
Content-Type: text/plain; charset="UTF-8"

Thank you Tim and Itiel. This is very helpful to have documented.

I have always wondered why video controls are not mirrored but I believe it
comes down to the prevalence of LTR video controls and RTL users just
accepting this "incorrect" view.

In other cases we would normally flip a progress bar so this case stands
out.

Cheers,
Jared



On Thu, Feb 6, 2020, 7:04 PM Tim Nguyen <[email protected]> wrote:

> 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
>
> _______________________________________________
> firefox-dev mailing list
> [email protected]
> https://mail.mozilla.org/listinfo/firefox-dev
>

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

<div dir=3D"auto">Thank you Tim and Itiel. This is very helpful to have doc=
umented.=C2=A0<div dir=3D"auto"><br></div><div dir=3D"auto">I have always w=
ondered why video controls are not mirrored but I believe it comes down to =
the prevalence of LTR video controls and RTL users just accepting this &quo=
t;incorrect&quot; view.=C2=A0</div><div dir=3D"auto"><br></div><div dir=3D"=
auto">In other cases we would normally flip a progress bar so this case sta=
nds out.</div><div dir=3D"auto"><br></div><div dir=3D"auto">Cheers,</div><d=
iv dir=3D"auto">Jared=C2=A0</div><div dir=3D"auto"><br></div><div dir=3D"au=
to"><br></div></div><br><div class=3D"gmail_quote"><div dir=3D"ltr" class=
=3D"gmail_attr">On Thu, Feb 6, 2020, 7:04 PM Tim Nguyen &lt;<a href=3D"mail=
to:[email protected]">[email protected]</a>&gt; wrote:<br></div><blockq=
uote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1px #ccc =
solid;padding-left:1ex"><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 Firefox UI. From what I can gather, they were mostly due =
lack of awareness on specific situations that are more complex than just us=
ing CSS logical properties, but sometimes due to lack of testing.<br></div>=
<div><br></div><div>Itiel has made a great job at filing+fixing many bugs a=
nd 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 sp=
ot/fix/test RTL issues. It includes things I personally didn&#39;t know abo=
ut before, so I do encourage giving it a read:</div><div><br></div><div><a =
href=3D"https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guid=
elines" target=3D"_blank" rel=3D"noreferrer">https://developer.mozilla.org/=
docs/Mozilla/Developer_guide/RTL_guidelines</a></div><div><br></div><div>Wh=
en developing a new part of the UI or making significant UI changes, please=
 do make sure you manually test RTL for issues (by setting <span dir=3D"aut=
o"><code><span>intl.l10n.pseudo<span style=3D"font-family:arial,sans-serif"=
> to </span>bidi<span style=3D"font-family:arial,sans-serif">) to make Fire=
fox accessible for all languages :)<br></span></span></code></span></div><d=
iv><br><span dir=3D"auto"><code><span><span style=3D"font-family:arial,sans=
-serif"></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 feedba=
ck on it.<br><span dir=3D"auto"><code><span><span style=3D"font-family:aria=
l,sans-serif"></span></span></code></span><span dir=3D"auto"><code><span></=
span></code></span></div><div><div><div><br></div><div>Cheers,<br></div><di=
v>Tim,</div><div>Firefox Desktop Theme peer<br></div><div><br></div></div><=
/div></div>
_______________________________________________<br>
firefox-dev mailing list<br>
<a href=3D"mailto:[email protected]" target=3D"_blank" rel=3D"norefer=
rer">[email protected]</a><br>
<a href=3D"https://mail.mozilla.org/listinfo/firefox-dev" rel=3D"noreferrer=
 noreferrer" target=3D"_blank">https://mail.mozilla.org/listinfo/firefox-de=
v</a><br>
</blockquote></div>

--000000000000a174ba059df15481--

--===============1471749292205175254==
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

--===============1471749292205175254==--