Osnovni atribut dir
Atribut dir z vrednostjo 'rtl' je osnova za vsako RTL spletno oblikovanje. Običajno je nastavljen na znački <html> ali <body> ter vpliva na poravnavo besedila, privzet vrstni red celic v tabelah in smer lastnosti CSS, kot je 'text-align'. Brez tega atributa ostane vsebina poravnana levo, kar je za RTL jezike nenaravno. Poleg tega morate 'dir' preglasiti na ravni vsebnika, če prihaja do mešanih smeri. Manjkajoč ali napačen atribut dir vodi do težko berljivih postavitev, zato mu je treba dati prednost.
Zrcaljena postavitev in logične lastnosti CSS
Namesto fizičnih lastnosti, kot sta 'left' in 'right', uporabite logične lastnosti CSS, kot sta 'margin-inline-start' in 'padding-inline-end'. Te se samodejno prilagodijo smeri pisanja in preprečijo ročne prepise. Zrcaljena postavitev pomeni, da je navigacijska vrstica na desni in vsebina na levi. Z logičnimi vrednostmi, kot sta 'float: inline-start' ali 'text-align: start', to dosežete brez medijskih poizvedb. Moderne lastnosti CSS Grid in Flexbox, kot je 'justify-content: flex-start', delujejo pravilno glede na atribut dir. Vedno preizkusite z resnično vsebino, saj logične lastnosti niso v vseh brskalnikih enako interpretirane.
Številke in vdelana latinica
V RTL-besedilih ostajajo številke in vdelane latinične črke poravnane od leve proti desni. To predstavlja izzive, saj lahko motijo smer branja. Uporabite atribut 'unicode-bidi' ali 'direction: ltr' za take elemente, da zagotovite dosledno prikazovanje. Pri formatih datumov ali številk je priporočljivo prilagoditi vrstni red RTL-kulturi. Bodite pozorni tudi na postavitev obrazcev, kjer naj bodo vnosna polja za številke poravnana levo. Skrbno ravnanje s to mešano smerjo preprečuje vizualne prelome in izboljša berljivost.
Pisave in tipografija
Izbira pisave je ključna: arabščina, perzijščina in hebrejščina potrebujejo pisave z ustrezno podporo za glife. Priljubljene možnosti so 'Noto Naskh Arabic', 'Vazir' za perzijščino in 'Noto Sans Hebrew'. Določite rezervne pisave, npr. 'font-family: 'Noto Naskh Arabic', 'Tahoma', sans-serif;'. Poskrbite za zadostne velikosti pisav in višine vrstic, saj so RTL-pisave pogosto ožje ali bolj zapletene. Izogibajte se poševnemu tisku, saj v mnogih arabskih pisavah ne obstaja. Preizkusite prikaz na različnih napravah, da zagotovite pravilno nalaganje in berljivost pisav.
Ikone in zrcaljenje
Ikone, ki kažejo smer (npr. puščice, simboli naprej/nazaj), je treba v RTL-postavitvah zrcaliti. To dosežete s CSS-transformacijami, kot je 'transform: scaleX(-1)', ali z uporabo nabora ikon, ki samodejno podpirajo RTL (npr. Font Awesome z atributom 'dir'). Simboli brez smernega pomena (npr. hiša, nastavitve) ostanejo nespremenjeni. Prepričajte se, da zrcaljenje ne spremeni pomena. Preizkusite vse ikone v RTL-pogledu, saj lahko nenamerna zrcaljenja poslabšajo uporabniško izkušnjo.
