[Website] Guidelines: Right to left languages

[oliviaflory]

V2

left to right and ...

• bullets flip order of ltr and rtl compared to heading and examples, should reverse bullets

Mirroring content

• define what mirroring is before describing HOW to design or change an existing page design

Typography

Things to avoid

• The first two bullets seem like content specific rather than typography specific things to avoid
• The second bullet talks about mirroring, should it be in the mirroring category?
• "Avoid bold typefaces" We should talk to blue studio and AEM – can we really say this but also provide / require semibold in our type specs? some of our components cannot be over written, but will they work in arabic?

Icons

• No example do/don't for Symmetrical icons
• Culturally appropriate – could use some smoother copy writing
• Icons seems like a case by case basis for implementation. I wonder how we can better describe this and ensure it's always accurate for AEM and globalization.
  • Cross reference the Content guideline page with the globalization resource

Other elements

• a list of what to do with "other" elements not covered in the previous sections
• I wonder if a data table or structured list would be better... maybe in the CMS

Development guidelines

• Remove React link
• Update to Card for WC storybook?
• React wrapper link?

[oliviaflory]

IBM Docs:

• Arabic: https://www.ibm.com/docs/ar?lnk=flathl
• https://www.ibm.com/docs/en

Products page:

• https://www.ibm.com/sa-ar/products
• https://www.ibm.com/products

[oliviaflory]

@kennylam do we have storybooks for RTL or any guidelines for how to implement RLT that we would want to update links for in the guidelines page here?