Ta reda på vilken del av sidan som byter språk
Ett arabiskt avsnitt läggs till på en fransk sida om en fiktiv workshop. Meningen säger att workshopen börjar klockan 10:30. Efter att du klistrat in den i ett block för anpassad HTML syns de arabiska tecknen på skärmen. Avsnittet saknar dock en egen språkdeklaration och ärver sidans textriktning. I en annan version av förslaget finns lang="ar", men dir="ltr" tvingar fortfarande fram en riktning från vänster till höger. De två fallen kräver olika rättelser.
Börja med att läsa sidan runt avsnittet. Rubriken, inledningen, menyn och anvisningarna som följer är på franska. Dokumentets huvudspråk anges i elementet html som WordPress och temat skapar. Behåll franska som standardspråk för dokumentet. Ange meningens faktiska språk och riktningen som hör till dess skriftsystem på det nya avsnittet. Språket beskriver texten. Grundriktningen styr hur webbläsaren ordnar bokstäver, siffror och skiljetecken i sitt sammanhang.
Anteckna vad du förväntar dig innan du ändrar blocket. Sidan ska förbli på franska med riktning från vänster till höger. Den arabiska meningen ska kunna identifieras som arabisk och ligga i ett avsnitt med grundriktning från höger till vänster. De två franska meningarna runt avsnittet ska fungera som tidigare. Kontrollera också talet 10:30 efter att du har sparat. Rättelsen gäller attributen och deras räckvidd. Behåll själva meningen och webbplatsens standardspråk.
Spara en referens innan du sparar den inklistrade texten
Arbeta i en kopia av ett inlägg eller en sida. Skriv en fransk inledningsmening, ett citat om starttiden och ytterligare en fransk mening efter citatet. Meningarna runt blocket fungerar som kontroll. I referensversionen är också citatet på franska. Spara revisionen eller blockets exakta innehåll och öppna sedan kopian som en besökare skulle se den. Anteckna texten på alla tre ställen och språket som anges på rotelementet. Om sidan redan anger fel språk, registrera det som ett separat problem. Andra sidors inställningar behöver kontrolleras för sig.
För att efterlikna förslaget utan att använda en tjänst ersätter du det franska citatet med den arabiska exempelmeningen i ett block för anpassad HTML. Behåll en första version där citatet saknar uppgift om språk och riktning. Förbered en andra version där citatet innehåller lang="ar" och dir="ltr". Använd exakt samma arabiska text i båda versionerna. Då kan du koppla skillnaderna du ser till attributen, eftersom ordalydelsen och talet är desamma.
Om du utgår från ett faktiskt förslag kontrollerar du texten och uppmärkningen före inklistring. Ett innehållsfragment hör hemma i sidans innehåll. Om förslaget innehåller ett helt dokumentskal med html, head eller body, behåller du bara det fragment du behöver. Vid en översättning av en hel sida beror huvudspråket på sidan som visas och dess inställningar. I den här övningen byter bara ett citat språk. Begränsa därför språkdeklarationen till citatet.
Håll isär varianterna i dina anteckningar. Referensblocket gör det lätt att återställa innehållet om ett fel vid inklistringen även påverkar ett annat avsnitt. Skriv ned de första orden i de franska meningarna före och efter citatet så att du kan hitta rätt ställe när du har sparat. Du kan också spara ett test-ID i kopian. Om det finns flera citat, anteckna den exakta platsen så att du hittar rätt även om det inte är det första citatet på sidan.
Anteckna även kopians adress och tiden för senaste sparandet. För vart och ett av de tre ställena skriver du om värdet står på elementet självt eller kommer från ett överordnat element. Spara den förväntade ordalydelsen i meningarna före och efter citatet. Stäng äldre förhandsvisningar innan du jämför. När du återvänder till samma adress och samma text kan du skilja en ändring som uppstod vid sparandet från en skillnad som beror på att du öppnade en annan version.
Skilj mellan ärvt språk och ärvd textriktning
I DOM gäller språket som anges på ett element också för underliggande element som saknar egen språkdeklaration. Ett citat utan lang kan därför ärva franska från sidan även om det innehåller arabiska tecken. Webbläsaren kan visa tecknen oavsett vilket språk som anges. När du granskar det första testläget ser du att det faktiska språket är franska, eftersom den närmaste deklarationen finns på sidnivå.
I övningen räcker lang="ar" för att ange att språket är arabiska. Grundriktningen ställs in för sig. I det andra läget identifierar webbläsaren citatet som arabiskt, men riktningen är fortfarande från vänster till höger eftersom dir="ltr" finns kvar på citatet. Om du antecknar värdena var för sig blir det lättare att förstå varför en första rättelse kan se färdig ut fast riktningen fortfarande är fel.
Riktningen avgör hur texten ordnas. En mening från höger till vänster kan innehålla siffror, ett klockslag eller ett namn skrivet med ett annat skriftsystem. Vänd inte teckenföljden för hand och flytta inte skiljetecken för att kompensera för att det omgivande elementet har fel inställning. Rätta först avsnittets grundriktning och läs sedan meningen och klockslaget på skärmen. Högerjustering bestämmer var texten placeras på raden. Läsriktningen anges separat.
Välj elementet som täcker precis det avsnitt du vill märka upp. Om hela citatet är på arabiska kan du använda elementet som omsluter citatet. Om det bara gäller några ord i en fransk mening märker du enbart den delen. Ett enstaka egennamn eller en term som redan används i textens språk behöver kanske ingen egen deklaration. Om du är osäker på språket eller riktningen, låt någon kontrollera texten innan du väljer attribut. Deklarationen ska beskriva det som läsaren faktiskt får se.
Rätta fragmentet i blocket som genererar det
Öppna blocket för anpassad HTML i kopian och leta upp citatet. Lägg till eller rätta lang="ar" och dir="rtl" på elementet som omsluter det. Låt de två franska meningarna ligga utanför det elementet. I fragmentet nedan står det att workshopen börjar klockan 10:30. Attributen beskriver hela citatet och gäller även stycket inuti det.
Begränsa rättelsen till attributen som anger språk och riktning. Läs texten igen innan du sparar så att klockslaget förblir detsamma om du klistrar in på nytt. Om förslaget använder en CSS-regel för riktning eller justering, kontrollera vilka element den gäller. HTML-uppmärkningen anger grundriktningen. Beroende på temat kan en presentationsregel ändå ge en annan beräknad riktning. Ta i så fall reda på vilken regel som gäller för avsnittet.
Om blocket kommer från en mall eller ett återanvänt mönster, kontrollera var texten lagras. Om du ändrar den gemensamma källan kan flera sidor påverkas. Den här övningen använder ett lokalt block i ett enda inlägg för att begränsa räckvidden. Om du behöver ändra ett delat element, leta i en kopia av webbplatsen efter ett annat ställe som använder samma källa. Då kan du bekräfta att sidor utan citatet fortsätter att fungera som tidigare.
<blockquote lang="ar" dir="rtl">
<p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>Kontrollera sidans DOM efter att du har sparat
Spara kopian, stäng den tidigare förhandsvisningen och öppna inläggets adress igen. Inspektera citatet i webbläsarens panel **Element**. Kontrollera först att elementet html fortfarande anger franska. Kontrollera sedan att attributen sitter på citatet i dokumentet som webbläsaren faktiskt visar. De ska gälla det arabiska stycket och upphöra före nästa mening. En deklaration på fel nivå kan rätta citatet samtidigt som den ändrar ett annat blocks beteende.
Jämför blockets kod med DOM. Om lang eller dir fanns med i det som klistrades in men saknas i DOM, öppna blocket igen och kontrollera vad som sparades. Om attributet redan är borta från det sparade blocket finns en skillnad mellan inklistring och sparande. Om blocket har kvar attributet undersöker du komponenten som genererar sidan och hur webbläsaren har tolkat HTML-koden. Anteckna skillnaden i båda fallen innan du ändrar en global inställning eller behörigheten för ditt konto.
Leta efter egenskapen direction bland citatets beräknade stilar. Med det korrigerade fragmentet i övningen har egenskapen värdet rtl. I den efterföljande franska meningen förblir värdet ltr. Om DOM innehåller dir="rtl" men den beräknade riktningen ändå är ltr, leta efter en regel som tillämpas på elementet eller på ett underliggande element. Anteckna också den närmaste språkdeklarationen för varje stycke. Stilpanelen visar vad webbläsaren tillämpar vid visningen. Kontrollera attributen separat för att avgöra vilket språk som anges.
Läs den arabiska meningen och talet i sitt sammanhang. Testet jämför texten i DOM med den ursprungliga texten, inklusive 10:30. Det gör det lättare att upptäcka om texten ändrades när du klistrade in den. Var varje tecken faktiskt visas behöver granskas separat. Om avsnittet använder flera skriftsystem, titta på det med webbplatsens vanliga stilar och be någon som kan språket att läsa igenom det.
Markera själva stycket inuti citatet i webbläsarens verktyg. Om den beräknade riktningen avviker från den deklarerade, notera namnet på regeln och vilket element den gäller. Du kan tillfälligt stänga av en regel i stilpanelen för att pröva om den orsakar skillnaden. Det påverkar bara den öppna fliken tills du läser in sidan igen. Skriv ned vad du såg och kontrollera resultatet på nytt efter att en faktisk ändring har sparats i WordPress.
Läs resultaten och ange vad testet omfattar
I testmiljön för WordPress behöll rotelementet lang="fr-FR" och en beräknad riktning från vänster till höger i samtliga fem lägen. I den första inklistrade versionen utan attribut ärvde citatet franskan från sidan. I den andra versionen kände Chrome igen lang="ar" men behöll riktningen från vänster till höger. Efter rättelsen hade citatet de förväntade värdena och stycket inuti ärvde dem. De två franska meningarna behöll språk, riktning och ordalydelse.
Varianterna sparades i ett block för anpassad HTML med funktioner från WordPress-kärnan och granskades därefter i DOM på den inlästa sidan. Det här förfarandet kontrollerar att attributen och texten finns kvar efter sparande och visning i den miljön. Varianterna efterliknar olika lägen som kan uppstå när text klistras in. Resultatet kan bli annorlunda vid inklistring från urklipp i den visuella redigeraren. I testet blockerades temats stilmallar och sidans skript för att isolera attributens inverkan.
Skärmläsare ingick inte i testet. Attributet lang="ar" tillhandahåller språkinformation som hjälpmedel kan använda. Röstbyte, uttal och uppläsning av klockslaget kräver en egen kontroll. Om sådan användning ingår i din granskning, lägg till ett test med skärmläsaren och rösten som ditt team använder. Anteckna vad som läses upp separat från resultatet av DOM-granskningen.
Återställ referensen och spara kontrollen för senare bruk
Om du vill ångra ändringen i kopian återställer du revisionen som innehåller referensfragmentet. Om andra avsnitt har ändrats sedan dess, återställ bara citatet och de attribut du noterade från början. Öppna sedan inlägget igen i webbläsaren. Kontrollera rotelementet, citatet och de båda kontrollmeningarna. Återställningen kan vara ofullständig om texten är tillbaka men ett tillagt attribut fortfarande sitter kvar på elementet runt citatet.
I testet återställde revisionen exakt både det sparade innehållet och det visade fragmentet. Citatet var åter på franska och de omgivande elementen fungerade som tidigare. Resultatet skulle vara annorlunda om referensen redan innehöll ett korrekt uppmärkt arabiskt avsnitt. Återställ då avsnittets text och ursprungliga attribut. Utgå från referensversionen som du sparade för just den sidan.
När du lämnar över arbetet för granskning anger du kopians adress, det berörda avsnittet och de förväntade värdena. Lägg till de observerade attributen och den beräknade riktningen på de tre ställena. Spara förslaget så som det provades och spara även den rättade versionen. Den som granskar kan då kontrollera att klockslaget inte ändrades, att citatet har rätt uppmärkning och att resten av sidan behåller avsett språk och avsedd riktning.
Anpassa kontrollen till ett uttryck inuti en mening
Avsnittet kan bestå av ett engelskt uttryck mitt i ett franskt stycke. I så fall har de båda texterna samma riktning. Märk upp uttrycket med rätt språk och läs sedan orden före och efter. Om hela den franska meningen ärver engelska ligger attributet för högt upp i dokumentet. Kontrollera även orden runt uttrycket när den synliga riktningen på raden är oförändrad.
Om hela avsnittet i stället är ett stycke i ett skriftsystem som går från höger till vänster, ange riktningen på stycket eller på dess eget omslutande element. Temat kan fortfarande avgöra vilken kant texten justeras mot. Kontrollera deklarerad och beräknad riktning innan du ändrar justeringen. Om läsaren behöver känna igen ett klockslag eller en hänvisning, be någon granska den slutliga visningen och spara talet i anteckningarna.
Öppna i båda fallen blocket efter att du har sparat och kontrollera precis var attributet sitter. Om förslaget lägger till flera avsnitt, välj en fransk kontrolltext mellan två avsnitt som ska kontrolleras. Det gör det lättare att upptäcka ett för stort omslutande element som för vidare sina attribut till allt som följer. Börja med en enda avgränsad rättelse. Tillämpa den på fler avsnitt först efter att du har bekräftat deras språk, riktning och plats i DOM.
Om ett tal eller skiljetecken ligger nära språkbytet, välj ordet precis före avsnittet och det första ordet efter det. Kontrollera i DOM vilket element som innehåller respektive ord. Läs därefter hela raden, eftersom en till synes korrekt visning kan dölja att attributet omfattar för mycket text. Om de omgivande orden har samma värden som i referensen kan du gå vidare. Om värdena har ändrats, undersök elementets gränser innan du överför rättelsen till fler ställen.
Den svenska översättningen har tagits fram med hjälp av AI. Menynamnen kan variera med WordPress-versionen.