Kierunek pisania od prawej do lewej RTL

Co oznacza kierunek tekstu od prawej do lewej?

Język arabski zapisuje się od prawej do lewej. Dla milionów ludzi jest to zupełnie naturalne, jednak większość stron i aplikacji powstała pierwotnie dla języka angielskiego, który biegnie od lewej do prawej. Z tego powodu serwis internetowy wymaga specjalnej konfiguracji, aby poprawnie wyświetlać treść w alfabecie arabskim.

Takie ustawienie nazywa się RTL, co stanowi skrót od angielskiego Right to Left, czyli od prawej do lewej. Przeciwieństwem jest LTR lub Left to Right, czyli kierunek zapisu języka polskiego, angielskiego oraz większości języków europejskich. Do innych języków pisanych od prawej do lewej należą między innymi perski, urdu i hebrajski.

Wdrożenie RTL to znacznie więcej niż przetłumaczenie samych słów. Cała strona zmienia swój układ niczym w lustrzanym odbiciu: menu, przyciski, strzałki nawigacyjne oraz rozmieszczenie zdjęć i akapitów zamieniają się stronami. Dzięki temu arabski czytelnik od razu czuje, że serwis przygotowano z myślą o nim, a nie jedynie pospiesznie przetłumaczono.

Jak działa RTL na stronach i w aplikacjach?

Każdą stronę w sieci tworzy kod HTML, który definiuje jej zawartość. Towarzyszy mu arkusz stylów CSS, odpowiedzialny za kolory, odstępy oraz pozycję każdego elementu. Podczas dostosowywania strony do języka arabskiego kluczowe są dwa etapy:

1. Określenie kierunku: w kodzie strony wskazuje się, że językiem treści jest arabski, a tekst biegnie od prawej do lewej za pomocą atrybutu dir o wartości rtl. Przeglądarki internetowe, takie jak Chrome czy Safari, natychmiast wyrównują wtedy tekst do prawej krawędzi.
2. Lustrzane odbicie układu: reguły stylów zapisuje się bez sztywnego przypisywania elementów do lewej lub prawej strony, lecz z wykorzystaniem pojęcia początku i końca wiersza. W języku arabskim początek znajduje się z prawej strony, a w językach zachodnich z lewej. W ten sposób jeden projekt bez trudu obsługuje oba kierunki czytania.

W aplikacjach mobilnych zasada jest bardzo zbliżona. Systemy iOS oraz Android rozpoznają język arabski i samoczynnie odwracają układ ekranu, o ile aplikację zbudowano we właściwy sposób. Jeśli jednak programista przypisał elementy do sztywnych punktów ekranu, widok się nie odwróci i powstanie chaotyczny układ.

Tekst mieszany

Często w jednym wierszu spotykają się słowa arabskie, angielskie pojęcia techniczne oraz cyfry. Przykładem może być komunikat: «Twoje zamówienie numer 4521 na telefon iPhone jest gotowe do wysyłki». W takim przypadku cyfry i nazwa marki muszą biec od lewej do prawej wewnątrz zdania, które czyta się od prawej do lewej. Przeglądarki oraz smartfony posiadają mechanizm zwany tekstem dwukierunkowym lub Bidi, który porządkuje takie fragmenty. Czasami zdarzają się jednak błędy przy znakach interpunkcyjnych na końcu linii, przez co kropka lub znak zapytania przeskakuje na niewłaściwą stronę. Nasz zespół dokładnie sprawdza takie przypadki i rozwiązuje je pojedynczo.

Dlaczego obsługa RTL ma znaczenie dla Twojej firmy?

• Wygoda czytania: wzrok arabskiego odbiorcy intuicyjnie wędruje do prawego górnego rogu. Gdy tekst zaczyna się po niewłaściwej stronie, czytanie szybko męczy i użytkownik opuszcza witrynę.
• Zaufanie klientów: uporządkowana strona świadczy o dbałości o jakość. Przestawiony lub chaotyczny układ wywołuje nieprofesjonalne wrażenie, nawet jeśli oferowane usługi stoją na najwyższym poziomie.
• Wyższa sprzedaż: w sklepie internetowym odwrócona strzałka lub zagubiony przycisk zakupu wzbudzają niepewność kupującego. Każda chwila wahania oznacza mniejszą liczbę zrealizowanych zamówień.
• Widoczność w Google: precyzyjne wskazanie języka i kierunku ułatwia robotom Google właściwe rozpoznanie strony arabskiej i prezentowanie jej szukającym użytkownikom.
• Dostępność dla każdego: czytniki ekranu używane przez osoby niewidome wymagają dokładnej informacji o języku i kierunku, aby odczytywać treść we właściwej kolejności.

Wyobraźmy sobie przychodnię lekarską, która uruchamia stronę do rejestracji wizyt. Starszy pacjent otwiera witrynę na telefonie. Jeśli kalendarz zaczyna się od złej strony, a przycisk rezerwacji znalazł się w nieoczekiwanym miejscu, zrezygnuje i zadzwoni do rejestracji. Gdy jednak wszystkie elementy znajdują się na swoim miejscu, dokona zapisu w minutę.

Które elementy zmieniają układ, a które pozostają bez zmian?

Nie każdy element na stronie wymaga przestawienia. Poniższa tabela przedstawia najczęstsze przypadki:

Jak prawidłowo zadbać o obsługę RTL?

Kluczowa zasada brzmi: zaplanuj obsługę języka arabskiego już od pierwszego dnia projektu. Dodawanie trybu RTL do gotowej strony przypomina przestawianie klatki schodowej po wybudowaniu domu. Jest to wykonalne, ale zajmuje znacznie więcej czasu, podnosi nakład pracy i często pozostawia drobne błędy wizualne w zakamarkach serwisu.

Rozmawiając z zespołem programistów, warto zadać następujące pytania:

• Czy makieta powstaje równolegle dla języka arabskiego i języków zachodnich od samego początku?
• Czy podstrony w języku arabskim są testowane na rzeczywistych urządzeniach mobilnych?
• Czy wybrany arabski krój pisma pozostaje czytelny na małych ekranach telefonów?
• Czy automatyczne powiadomienia i komunikaty o błędach pojawiają się we właściwym kierunku?
• Czy generowane raporty i pliki do druku również uwzględniają arabski układ?

Dla stron internetowych

W ramach usługi projektowania i tworzenia stron internetowych w Linkysoft każdy serwis budujemy od podstaw bez korzystania z gotowych szablonów. Od pierwszego dnia wdrażamy język arabski, układ RTL oraz obsługę wielu wersji językowych, kierując się podejściem zorientowanym na urządzenia mobilne. Przed uruchomieniem przeprowadzamy testy na wielu fizycznych smartfonach, dzięki czemu widzisz stronę dokładnie tak, jak Twoi odbiorcy. Klient zachowuje pełną własność serwisu, treści oraz kodu źródłowego.

Dla aplikacji webowych i systemów zarządzania

Aplikacja webowa to program uruchamiany w przeglądarce, służący na przykład do obsługi magazynu, zarządzania pracownikami lub rezerwacjami. W takich systemach znajduje się wiele tabel, paneli kontrolnych i raportów, które wymagają nienagannego arabskiego układu, aby zespół mógł pracować wygodnie każdego dnia. Nasza usługa aplikacji webowych i systemów zarządzania tworzy rozwiązania dopasowane do procesów Twojej firmy, ze stuprocentową obsługą RTL i wielu języków oraz pełną własnością danych i kodu.

Dla aplikacji mobilnych

Nasz zespół w usłudze tworzenia aplikacji mobilnych buduje aplikacje na systemy iPhone oraz Android z obsługą języka arabskiego i innych języków, w dedykowanej oprawie graficznej z trybem jasnym i ciemnym. Testujemy aplikację na licznych rzeczywistych telefonach przed publikacją w App Store oraz Google Play, a po wdrożeniu zapewniamy stałe wsparcie i rozwój.

Jeśli nie masz pewności, jakich rozwiązań technicznych potrzebuje Twój projekt, możesz poprosić o bezpłatną konsultację z zespołem Linkysoft przed rozpoczęciem prac.

Typowe błędy, których należy unikać

• Tłumaczenie tekstu bez zmiany układu: słowa są przetłumaczone na arabski, ale menu i przyciski nadal tkwią po lewej stronie.
• Bezrefleksyjne odwracanie wszystkiego: odwrócenie cyfr, logo czy przycisku odtwarzacza wideo wywołuje wrażenie usterki.
• Ignorowanie tekstu mieszanego: zdania zawierające zachodnie marki lub liczby stają się nieczytelne bez odpowiedniego sterowania kierunkiem.
• Wybór nieodpowiedniego kroju pisma: niektóre czcionki rozłączają arabskie litery lub stają się zbyt drobne na ekranie telefonu.
• Pomijanie drugorzędnych obszarów: automatyczne wiadomości e-mail, powiadomienia systemowe, pliki PDF czy okna błędów bywają często zapominane.
• Testowanie wyłącznie na komputerze: większość odwiedzających korzysta ze smartfonów, a mały ekran natychmiast ujawnia niedociągnięcia układu.