1160759 - (iOS-RTL) [meta] RTL

Status: RESOLVED MOVED

(Firefox for iOS :: Theme & Visual Design, defect)

Description

[Boris Dušek]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/600.5.17 (KHTML, like Gecko) Version/8.0.5 Safari/600.5.17

Steps to reproduce:

Use Firefox (and pretend your native tongue is right-to-left and so you also expect UI to be right-to-left).


Actual results:

While the arabic texts are displayed correctly, they are left-aligned, everything tends to be left-aligned, flow from left-to-right.


Expected results:

The UI should adopt RTL rigorously. E.g. by using ".leading" instead of ".left" and ".trailing" instead of ".right" in SnapKit constraints.

Note I tried iOS in Arabic for a while (I don't understand a word in Arabic, just wanted to see what iOS does UI-wise), and it seems iOS does not really adapt to RTL much. But that is IMHO no reason for Firefox not to do things properly and be better than Apple and to make e.g. Arabic and Hebrew users "feel at home" when using Firefox for iOS.

See e.g. http://dret.net/lectures/web-fall07/img/outlook-right-to-left.png for a nice example of fully-RTL UI.

Comment 1

[Boris Dušek]

I wonder if e.g. VoiceOver would visit elements in the right direction (that is RTL direction) in an RTL app, instead of the default LTR direction.

Comment 2

[Boris Dušek]

Looks like iOS 9 has really gone to great lengths to make RTL language users first class iOS citizens - see e.g. http://9to5mac.com/2015/06/08/right-to-left-languages-ios9/

However until Firefox for iOS is translated into Arabic or Hebrew (which it strangely is not, at least I could not find it in the l10n repo), I would expect iOS would not "flip" the UI, leaving it in the current well tested LTR look. So it seems like no issue until Firefox for iOS is localized into Arabic or Hebrew (or other RTL languages).

Comment 3

[Mosbah]

Hello, my native language is arabic and I'm working with Mozilla Tunisia team on the arabic translation.
I'll be happy to work on RTL support too.

Comment 4

[Reza Habibi (rehb)]

Attachment: Review of Firefox for iOS RTL

Comment 5

[Reza Habibi (rehb)]

Attachment: RTL-Firefox-iOS2.pdf

Update review of Firefox for iOS [RTL]

Comment 6

[Tomer Cohen :tomer]

(In reply to Reza (rehb) from comment #5)
> Created attachment 8870795 [details]
> RTL-Firefox-iOS2.pdf
> 
> Update review of Firefox for iOS [RTL]

Page six: browser navigation buttons should be equivalent to desktop in its order of appearance:

LTR: ← → ≡ ⭮ ⮉
RTL: ⮉ ⭮ ≡ ← → 

Incorrect: arrows not pointing to the opposite sides: → ←

The leftmost arrow button in LTR and the rightmost arrow button in RTL are the backward navigation button.

Comment 7

[Reza Habibi (rehb)]

(In reply to Tomer Cohen :tomer from comment #6)
> (In reply to Reza (rehb) from comment #5)
> > Created attachment 8870795 [details]
> > RTL-Firefox-iOS2.pdf
> > 
> > Update review of Firefox for iOS [RTL]
> 
> Page six: browser navigation buttons should be equivalent to desktop in its
> order of appearance:
> 
> LTR: ← → ≡ ⭮ ⮉
> RTL: ⮉ ⭮ ≡ ← → 
> 
> Incorrect: arrows not pointing to the opposite sides: → ←
> 
> The leftmost arrow button in LTR and the rightmost arrow button in RTL are
> the backward navigation button.

Hi Tomer,
Thank you.

Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
I will this page.

Comment 8

[Reza Habibi (rehb)]

(In reply to Reza (rehb) from comment #7)
> (In reply to Tomer Cohen :tomer from comment #6)
> > (In reply to Reza (rehb) from comment #5)
> > > Created attachment 8870795 [details]
> > > RTL-Firefox-iOS2.pdf
> > > 
> > > Update review of Firefox for iOS [RTL]
> > 
> > Page six: browser navigation buttons should be equivalent to desktop in its
> > order of appearance:
> > 
> > LTR: ← → ≡ ⭮ ⮉
> > RTL: ⮉ ⭮ ≡ ← → 
> > 
> > Incorrect: arrows not pointing to the opposite sides: → ←
> > 
> > The leftmost arrow button in LTR and the rightmost arrow button in RTL are
> > the backward navigation button.
> 
> Hi Tomer,
> Thank you.
> 
> Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
> I will this page.

Hi Tomer,
Thank you.

Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
**I will update this page.

Comment 9

[Simon Basca [:SimonB]]

Moved at : https://github.com/mozilla-mobile/firefox-ios/issues/6548