RTL Audit

[adamwoodnz]

• Change to a right to left language and browse the site
• Log issues as comments below
• Fix issues

[ironnysh]

Hi @adamwoodnz, happy to help with this audit.
As a native Hebrew speaker, RTL is the bane of my existence 😅

[adamwoodnz]

Hi @adamwoodnz, happy to help with this audit. As a native Hebrew speaker, RTL is the bane of my existence 😅

Awesome! I'll move this into 'To do' once we're far enough along with the build to start. Thanks 🙂

[adamwoodnz]

Hi @ironnysh I think this is ready thanks

[ironnysh]

Great, thanks for the heads-up, @adamwoodnz!

Would screenshots work for logging the issues?

[adamwoodnz]

Would screenshots work for logging the issues?

Yes please, with direct links to the page in question.

[ironnysh]

Hey @adamwoodnz, I checked the site as a logged-in and random user on desktop Safari and Chrome in different breakpoints.
Here's a list of findings:

Lesson page

URL: https://learn.wordpress.org/lesson/how-to-find-help-with-wordpress-2/ (on all courses)

---

Top nav / main nav

URL: https://learn.wordpress.org/ (across the site, different bugs depending on the breakpoint)
601-889 pixels breakpoint:

Mobile:

Standard desktop:

---

Learning Pathway homepage

URL: https://learn.wordpress.org/learning-pathways/

---

Online workshops homepage

URL: https://learn.wordpress.org/online-workshops/

---

Course homepage

URL: https://learn.wordpress.org/course/beginner-wordpress-developer/ (on all courses)

---

My courses

URL: https://learn.wordpress.org/my-courses/

---

Quiz

URL: https://learn.wordpress.org/quiz/wordpress-taxonomies-2/ (on all courses)

---

Query filter

URLs: https://learn.wordpress.org/lessons/, https://learn.wordpress.org/courses/, https://learn.wordpress.org/learning-pathway/developer/ (wherever there’s the wp-block-wporg-query-filter class):

[ryelle]

Some of these, especially the "Top nav / main nav" items, appear to be site-wide issues (across all wporg sites). I can handle these, since they're generally components I'm familiar with.

Local nav

• Misaligned submenus
• Missing left/right space on local nav
• My courses has poor spacing with dot 9661a4e
• Local nav W logo on the wrong side

My courses

• Query filter misaligned (this is due to WordPress/wporg-parent-2021@2a95d17 which shouldn't apply when the layout is flex) WordPress/wporg-parent-2021@357ff01 (not yet deployed)

Query Filters

• Dropdown alignment should be switched on RTL

[adamwoodnz]

Hey @adamwoodnz, I checked the site as a logged-in and random user on desktop Safari and Chrome in different breakpoints.

Thanks! Great work.