Dropdowns & Chevrons for Right to Left languagesIs the left or right side of the screen “more clickable”?OK for dropdown button to be on the left?Mirror top navigation order between left to right-languages and right to left-languages?Side Navigation Arrow Placement Right or Left?Right to left graph labels for right-to-left languagesEnglish content on an RTL siteShould I layout timelines right to left when localizing for RTL languages?Modal box navigation left/right or up/down?back button on RTL applications: right side or left sideMixed alignment (LTR and RTL) in language selection list?
Short story about a teenager who has his brain replaced with a microchip (Psychological Horror)
Is it really ~648.69 km/s delta-v to "land" on the surface of the Sun?
Team goes to lunch frequently, I do intermittent fasting but still want to socialize
How quickly could a country build a tall concrete wall around a city?
During the Space Shuttle Columbia Disaster of 2003, Why Did The Flight Director Say, "Lock the doors."?
Where to pee in London?
In the movie Harry Potter and the Order or the Phoenix, why didn't Mr. Filch succeed to open the Room of Requirement if it's what he needed?
What is the idiomatic way of saying “he is ticklish under armpits”?
How can I tell if a flight itinerary is fake?
How do I calculate the difference in lens reach between a superzoom compact and a DSLR zoom lens?
In a topological space if there exists a loop that cannot be contracted to a point does there exist a simple loop that cannot be contracted also?
How to query data in backups?
Is TA-ing worth the opportunity cost?
Why couldn't soldiers sight their own weapons without officers' orders?
Is there a way to create a report for the failed entries while calling REST API
How can glass marbles naturally occur in a desert?
Why are physicists so interested in irreps if in their non-block-diagonal form they mix all components of a vector?
What is the best way to cause swarm intelligence to be destroyed?
Why should public servants be apolitical?
Acceptable to cut steak before searing?
Does the United States guarantee any unique freedoms?
Why is there a need to prevent a racist, sexist, or otherwise bigoted vendor from discriminating who they sell to?
Can we use other things than single-word verbs in our dialog tags?
When "he's gone" means "he's dead", is it a contraction of "he is" or "he has"?
Dropdowns & Chevrons for Right to Left languages
Is the left or right side of the screen “more clickable”?OK for dropdown button to be on the left?Mirror top navigation order between left to right-languages and right to left-languages?Side Navigation Arrow Placement Right or Left?Right to left graph labels for right-to-left languagesEnglish content on an RTL siteShould I layout timelines right to left when localizing for RTL languages?Modal box navigation left/right or up/down?back button on RTL applications: right side or left sideMixed alignment (LTR and RTL) in language selection list?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron stay on the right, or does it move to the left?
See image below for visual explanation.
navigation dropdown language rtl writing-direction
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron stay on the right, or does it move to the left?
See image below for visual explanation.
navigation dropdown language rtl writing-direction
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron stay on the right, or does it move to the left?
See image below for visual explanation.
navigation dropdown language rtl writing-direction
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Assuming we have use a dropdown with a chevron to indicate that it is in fact a dropdown, does the position of the chevron change depending on the directionality of the language? I.E. does the chevron stay on the right, or does it move to the left?
See image below for visual explanation.
navigation dropdown language rtl writing-direction
navigation dropdown language rtl writing-direction
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
edited 7 hours ago
Solomon Ucko
8945 silver badges11 bronze badges
8945 silver badges11 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
asked 11 hours ago
PaulVOPaulVO
312 bronze badges
312 bronze badges
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
PaulVO is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct.
If you're curious, I'm basing this answer on lessons learned running as lead designer on multiple projects with the NYC DOE and NYC mayor's office, where all projects have to support 11 languages, including 2 RTL languages. The systems involve manual translation, so my work was being advised by fluent speakers.
You can see a lot of this "flipping" at play with the NYC DOE online public school application system (https://www.myschools.nyc/). The real meat of it is behind a login, but you can get a loose idea of things with https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/. Check out the header and primary CTA
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "102"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
PaulVO is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f127385%2fdropdowns-chevrons-for-right-to-left-languages%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct.
If you're curious, I'm basing this answer on lessons learned running as lead designer on multiple projects with the NYC DOE and NYC mayor's office, where all projects have to support 11 languages, including 2 RTL languages. The systems involve manual translation, so my work was being advised by fluent speakers.
You can see a lot of this "flipping" at play with the NYC DOE online public school application system (https://www.myschools.nyc/). The real meat of it is behind a login, but you can get a loose idea of things with https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/. Check out the header and primary CTA
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
add a comment |
What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct.
If you're curious, I'm basing this answer on lessons learned running as lead designer on multiple projects with the NYC DOE and NYC mayor's office, where all projects have to support 11 languages, including 2 RTL languages. The systems involve manual translation, so my work was being advised by fluent speakers.
You can see a lot of this "flipping" at play with the NYC DOE online public school application system (https://www.myschools.nyc/). The real meat of it is behind a login, but you can get a loose idea of things with https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/. Check out the header and primary CTA
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
add a comment |
What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct.
If you're curious, I'm basing this answer on lessons learned running as lead designer on multiple projects with the NYC DOE and NYC mayor's office, where all projects have to support 11 languages, including 2 RTL languages. The systems involve manual translation, so my work was being advised by fluent speakers.
You can see a lot of this "flipping" at play with the NYC DOE online public school application system (https://www.myschools.nyc/). The real meat of it is behind a login, but you can get a loose idea of things with https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/. Check out the header and primary CTA
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
What a great question. As a general rule, it's good to flip positioning of iconography for RTL languages. So your bottom option, with the chevron on the left, is correct.
If you're curious, I'm basing this answer on lessons learned running as lead designer on multiple projects with the NYC DOE and NYC mayor's office, where all projects have to support 11 languages, including 2 RTL languages. The systems involve manual translation, so my work was being advised by fluent speakers.
You can see a lot of this "flipping" at play with the NYC DOE online public school application system (https://www.myschools.nyc/). The real meat of it is behind a login, but you can get a loose idea of things with https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/. Check out the header and primary CTA
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
answered 10 hours ago
Ben PaddockBen Paddock
913 bronze badges
913 bronze badges
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Ben Paddock is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
add a comment |
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
This can also be described as "retaining the relative position of the icon within the context of the language" - that is, the icon isn't "to the left/right" of the text, it's "before/after" the text.
– Jeff Zeitlin
6 hours ago
add a comment |
PaulVO is a new contributor. Be nice, and check out our Code of Conduct.
PaulVO is a new contributor. Be nice, and check out our Code of Conduct.
PaulVO is a new contributor. Be nice, and check out our Code of Conduct.
PaulVO is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to User Experience Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f127385%2fdropdowns-chevrons-for-right-to-left-languages%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
