Pamata dir atribūts
Dir atribūts ar vērtību 'rtl' ir pamats katram RTL tīmekļa dizainam. To parasti iestata <html> vai <body> tagā, un tas ietekmē teksta izlīdzināšanu, tabulas šūnu noklusējuma secību un CSS īpašību, piemēram, 'text-align', virzienu. Bez šī atribūta saturs paliek izlīdzināts pa kreisi, kas RTL valodām šķiet nedabiski. Turklāt, ja ir jaukti virzieni, 'dir' ir jāpārraksta konteinera līmenī. Trūkstošs vai nepareizs dir atribūts rada grūti lasāmus izkārtojumus, tāpēc tas ir jāprioritizē.
Spoguļots izkārtojums un loģiskās CSS īpašības
Fizisko īpašību, piemēram, 'left' un 'right', vietā izmantojiet loģiskās CSS īpašības, piemēram, 'margin-inline-start' un 'padding-inline-end'. Tās automātiski pielāgojas rakstīšanas virzienam un novērš manuālas pārrakstīšanas. Spoguļots izkārtojums nozīmē, ka navigācijas josla sākas labajā pusē un saturs - kreisajā. Ar loģiskām vērtībām, piemēram, 'float: inline-start' vai 'text-align: start', to panāk bez mediju vaicājumiem. Mūsdienu CSS režģa un Flexbox īpašības, piemēram, 'justify-content: flex-start', darbojas pareizi atkarībā no dir atribūta. Vienmēr testējiet ar īstu saturu, jo loģiskās īpašības ne visi pārlūki interpretē vienādi.
Skaitļi un iegultais latīņu teksts
RTL tekstos skaitļi un iegultie latīņu burti saglabā izlīdzinājumu no kreisās uz labo pusi. Tas rada izaicinājumus, jo tie var traucēt lasīšanas virzienu. Šādiem elementiem izmantojiet 'unicode-bidi' atribūtu vai 'direction: ltr', lai nodrošinātu konsekventu attēlojumu. Datuma vai skaitļu formātiem ieteicams pielāgot secību RTL kultūrai. Pievērsiet uzmanību arī veidlapu izkārtojumam, kur ievades lauki skaitļiem jāatstāj kreisi izlīdzināti. Rūpīga šī jauktā virziena apstrāde novērš vizuālus pārtrūkumus un uzlabo lasāmību.
Fonti un tipogrāfija
Fonta izvēle ir izšķiroša: arābu, persiešu un ivritam nepieciešami fonti ar atbilstošu glifu atbalstu. Populāras iespējas ir 'Noto Naskh Arabic', 'Vazir' persiešu valodai un 'Noto Sans Hebrew'. Definējiet atkārtotas izvēles, piem., 'font-family: 'Noto Naskh Arabic', 'Tahoma', sans-serif;'. Nodrošiniet pietiekamu fonta izmēru un rindu atstarpes, jo RTL fonti bieži ir šaurāki vai sarežģītāki. Izvairieties no slīpraksta, jo tas daudzās arābu rakstībās nepastāv. Pārbaudiet attēlojumu dažādās ierīcēs, lai pārliecinātos, ka fonti tiek pareizi ielādēti un ir salasāmi.
Ikonas un atspoguļošana
Ikonas, kas norāda virzienu (piem., bultas, uz priekšu/atpakaļ simboli), RTL izkārtojumos ir jāatspoguļo. To panāk ar CSS transformācijām, piemēram, 'transform: scaleX(-1)', vai izmantojot ikonu komplektus, kas automātiski atbalsta RTL (piem., Font Awesome ar 'dir' atribūtu). Simboli bez virziena norādes (piem., māja, iestatījumi) paliek nemainīgi. Pārliecinieties, ka atspoguļošana neizkropļo semantiku. Pārbaudiet visas ikonas RTL skatā, jo neapzināta atspoguļošana var pasliktināt lietojamību.
