WordPress e IA: correggere la lingua e la direzione di un frammento HTML incollato

Individuare la parte della pagina che cambia lingua

A una pagina in francese su un laboratorio immaginario viene aggiunto un passaggio in arabo. La frase dice che il laboratorio inizia alle 10:30. Dopo averla incollata in un blocco HTML personalizzato, i caratteri arabi appaiono sullo schermo. Il passaggio, però, è privo di una dichiarazione di lingua propria e riprende la direzione della pagina. In un’altra versione della proposta compare lang="ar", ma dir="ltr" impone ancora una direzione da sinistra a destra. Le due situazioni richiedono correzioni diverse.

Inizia leggendo la pagina intorno al passaggio. Il titolo, l’introduzione, il menu e le istruzioni che seguono sono in francese. La lingua dell’intero documento è dichiarata nell’elemento html generato da WordPress e dal tema. Mantieni il francese come lingua di riferimento per il documento. Nel passaggio aggiunto, indica la lingua effettiva della frase e la direzione adatta al suo sistema di scrittura. La lingua descrive il testo. La direzione di base determina come il browser dispone lettere, numeri e punteggiatura nel loro contesto.

Annota il risultato che ti aspetti prima di intervenire sul blocco. La pagina rimane in francese e continua da sinistra a destra. La frase deve essere identificabile come araba e trovarsi in un passaggio con direzione di base da destra a sinistra. Le due frasi francesi adiacenti devono comportarsi come prima. Verifica anche il numero 10:30 dopo aver salvato. La correzione riguarda gli attributi e il loro ambito. Mantieni la frase e la lingua generale del sito.

Conservare un riferimento prima di salvare il contenuto incollato

Lavora su una copia di un articolo o di una pagina. Scrivi una frase introduttiva in francese, una citazione che indichi l’orario e un’altra frase in francese dopo la citazione. Le due frasi intorno al blocco servono da riferimento per il confronto. Nello stato iniziale anche la citazione è in francese. Conserva la revisione o il contenuto esatto del blocco e apri la copia come la vedrebbe un visitatore. Annota il testo delle tre aree e la lingua dell’elemento radice. Se la pagina dichiara già una lingua sbagliata, registra il problema a parte. La configurazione delle altre pagine richiede verifiche separate.

Per riprodurre la proposta senza ricorrere a un servizio, sostituisci la citazione francese con la frase araba di esempio in un blocco HTML personalizzato. Conserva una prima versione in cui la citazione non dichiara né la lingua né la direzione. Prepara una seconda versione in cui la citazione contiene lang="ar" e dir="ltr". Usa lo stesso testo arabo in entrambe. In questo modo puoi attribuire le differenze osservate agli attributi, perché le parole e il numero sono rimasti uguali.

Se stai lavorando su una proposta reale, controlla il testo e il markup prima di incollarli. Un frammento di contenuto appartiene al corpo della pagina. Se la proposta include la struttura di un intero documento con html, head o body, conserva solo il frammento che serve. Quando traduci tutta una pagina, la lingua principale dipende dalla pagina effettivamente restituita e dalla sua configurazione. In questo esercizio cambia lingua una sola citazione. Limita quindi la dichiarazione a quella citazione.

Tieni separate le varianti nelle tue note. Il blocco di riferimento permette di tornare rapidamente indietro se un errore mentre incolli il testo coinvolge anche un altro passaggio. Per ritrovare il punto esatto dopo il salvataggio, annota le prime parole delle frasi francesi prima e dopo la citazione. Puoi anche conservare un identificatore di prova sulla copia. Se ci sono più citazioni, registra la posizione precisa di quella interessata, così da individuarla anche quando non è la prima del documento.

Distinguere la lingua ereditata dalla direzione ereditata

Nel DOM, la lingua dichiarata su un elemento si applica anche ai suoi discendenti che non hanno una dichiarazione propria. Una citazione priva di lang può quindi ereditare il francese della pagina anche se contiene caratteri arabi. Il browser può mostrare quei caratteri indipendentemente dalla lingua dichiarata. Nella prima condizione di prova l’ispezione indica il francese come lingua effettiva, perché la dichiarazione più vicina si trova a livello della pagina.

In questo esercizio, lang="ar" basta a indicare che la lingua è l’arabo. La direzione di base si imposta separatamente. Nella seconda condizione, il browser riconosce la citazione come araba, ma mantiene la direzione da sinistra a destra perché sulla citazione è ancora presente dir="ltr". Registrare i due valori separatamente aiuta a capire perché una prima correzione può sembrare completa mentre la direzione resta sbagliata.

La direzione riguarda il modo in cui il testo viene disposto. Una frase da destra a sinistra può contenere cifre, un orario o un nome scritto in un altro sistema di scrittura. Evita di invertire a mano l’ordine dei caratteri o di spostare la punteggiatura per compensare una dichiarazione errata sul contenitore. Correggi prima la direzione di base, poi rileggi la frase e l’orario sullo schermo. L’allineamento a destra stabilisce la posizione sulla riga. La direzione di lettura è un’impostazione separata.

Scegli l’elemento che comprende esattamente il passaggio. Se tutta la citazione è in arabo, usa l’elemento che la contiene. Se si tratta di poche parole in una frase francese, contrassegna solo la parte interessata. Un nome proprio isolato o un termine già in uso nella lingua del testo può non richiedere una dichiarazione distinta. In caso di dubbio sulla lingua o sulla direzione, fai controllare il testo prima di scegliere gli attributi. La dichiarazione deve descrivere con precisione ciò che il lettore riceve.

Correggere il frammento nel blocco che lo genera

Nella copia, apri il blocco HTML personalizzato e cerca la citazione. Aggiungi o correggi lang="ar" e dir="rtl" sull’elemento che la contiene. Lascia le due frasi francesi al di fuori di quell’elemento. Nel frammento seguente, la frase dice che il laboratorio inizia alle 10:30. Gli attributi descrivono l’intera citazione e si applicano anche al paragrafo al suo interno.

Limita la correzione agli attributi che descrivono la lingua e la direzione. Rileggi il testo prima di salvare per evitare che l’orario cambi se incolli di nuovo il testo. Se la proposta usava una regola CSS di direzione o di allineamento, controlla a quali elementi si applica. Il markup HTML stabilisce la direzione di base. A seconda del tema, una regola di presentazione può comunque produrre una direzione calcolata diversa. In quel caso, verifica quale regola agisce sul passaggio.

Se il blocco proviene da un template o da un pattern riutilizzato, verifica dove è salvato il testo. Cambiare l’origine condivisa può avere effetti su più pagine. Questa procedura usa un blocco locale a un solo articolo per limitare l’intervento. Se devi modificare un elemento condiviso, individua su una copia del sito un’altra istanza della stessa origine. Potrai così confermare che le pagine senza citazione continuino a comportarsi come prima.

<blockquote lang="ar" dir="rtl">
  <p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>

Controllare il DOM della pagina dopo il salvataggio

Salva la copia, chiudi l’anteprima precedente e riapri l’indirizzo dell’articolo. Ispeziona la citazione nel pannello Elementi del browser. Verifica prima che l’elemento html dichiari ancora il francese. Controlla poi che gli attributi siano sulla citazione nel documento effettivamente restituito. Devono applicarsi al paragrafo in arabo e fermarsi prima della frase successiva. Una dichiarazione al livello sbagliato può correggere la citazione e allo stesso tempo alterare il comportamento di un altro blocco.

Confronta il codice del blocco con il DOM. Se lang o dir era presente nel contenuto incollato e manca nel DOM, riapri il blocco per controllare che cosa è stato conservato. Se l’attributo è già sparito dal blocco salvato, c’è una differenza tra il contenuto incollato e quello salvato. Se il blocco lo conserva, esamina il componente che genera la pagina e il risultato dell’analisi dell’HTML da parte del browser. In entrambi i casi, annota la differenza prima di cambiare un’impostazione globale o i permessi del tuo account.

Negli stili calcolati della citazione, cerca la proprietà direction. Con il frammento corretto dell’esercizio il valore è rtl. Nella frase successiva in francese rimane ltr. Se nel DOM compare dir="rtl" ma la direzione calcolata è ancora ltr, cerca una regola applicata a quell’elemento o a uno dei suoi discendenti. Annota anche la dichiarazione di lingua più vicina a ogni paragrafo. Il pannello degli stili mostra che cosa il browser applica alla presentazione. Per conoscere la lingua dichiarata, controlla gli attributi separatamente.

Rileggi la frase araba e il numero nel loro contesto. Il test confronta il testo del DOM con quello iniziale, compreso 10:30. Il confronto aiuta a rilevare modifiche al contenuto mentre lo incolli. La posizione visiva di ogni segno richiede un controllo a parte. Se il passaggio include più sistemi di scrittura, osservalo con gli stili normalmente usati dal sito e fallo rileggere da chi conosce la lingua.

Leggere i risultati e precisare i limiti del test

Nell’installazione di prova di WordPress, l’elemento radice ha mantenuto lang="fr-FR" e una direzione calcolata da sinistra a destra in tutti e cinque gli stati. Dopo il primo incollaggio senza attributi, la citazione ha ereditato il francese. Nella seconda versione, Chrome ha riconosciuto lang="ar" e ha mantenuto la direzione da sinistra a destra. Dopo la correzione, la citazione aveva i valori previsti e il suo paragrafo li ha ereditati. Le due frasi francesi hanno conservato lingua, direzione e testo.

Le varianti sono state salvate in un blocco HTML personalizzato con le funzioni del core di WordPress, quindi esaminate nel DOM della pagina caricata. La procedura verifica che gli attributi e il testo si conservino al salvataggio e durante la generazione della pagina in quell’ambiente. Riproduce possibili stati del contenuto incollato. Quando incolli dagli appunti nell’editor visuale, il risultato può variare. Il test blocca i fogli di stile del tema e gli script della pagina per isolare il comportamento degli attributi.

I lettori di schermo erano fuori dall’ambito del test. L’attributo lang="ar" fornisce un’informazione sulla lingua che le tecnologie assistive possono usare. Il cambio di voce, la pronuncia del testo e la lettura dell’orario richiedono una verifica a parte. Se la validazione comprende questa esperienza, aggiungi una prova con il lettore di schermo e la voce usati dal tuo gruppo di lavoro. Registra ciò che viene letto separatamente dai risultati del DOM.

Ripristinare lo stato di riferimento e conservare la verifica per riutilizzarla

Per annullare la modifica nella copia, ripristina la revisione che contiene il frammento di riferimento. Se nel frattempo sono state modificate altre parti, ripristina solo la citazione e gli attributi annotati all’inizio. Riapri l’articolo nel browser. Controlla l’elemento radice, la citazione e le due frasi di riferimento. Il ripristino può essere incompleto se il testo torna com’era ma sul contenitore rimane un attributo aggiunto.

Nel test, la revisione ha ripristinato esattamente il contenuto salvato e il frammento visualizzato. La citazione è tornata in francese e gli elementi intorno hanno mantenuto il proprio comportamento. Il risultato sarebbe diverso se lo stato di riferimento contenesse già un passaggio valido in arabo. In quel caso ripristina il testo e gli attributi originari di quel passaggio. Usa lo stato di riferimento che avevi conservato per quella pagina.

Per passare il lavoro in revisione, indica l’indirizzo della copia, il passaggio interessato e i valori attesi. Aggiungi gli attributi osservati e la direzione calcolata nelle tre aree. Conserva sia la proposta così com’è stata provata sia la versione corretta. Chi rivede il lavoro potrà verificare che l’orario sia rimasto lo stesso, che la citazione abbia la dichiarazione corretta e che il resto della pagina mantenga la lingua e la direzione previste.

Adattare il controllo a un’espressione all’interno di una frase

Il passaggio può essere una semplice espressione inglese nel mezzo di un paragrafo francese. In questo caso entrambi i testi seguono la stessa direzione. Indica la lingua del segmento e rileggi le parole che lo precedono e lo seguono. Se l’intera frase francese eredita l’inglese, l’attributo si trova su un elemento troppo in alto nel documento. Controlla le parole intorno al segmento anche quando la direzione visibile della riga non cambia.

Se invece tutto il passaggio è un paragrafo in un sistema di scrittura da destra a sinistra, imposta la direzione sul paragrafo o sul contenitore a esso dedicato. Il bordo a cui si allinea il testo può restare una scelta di presentazione del tema. Controlla la direzione dichiarata e quella calcolata prima di cambiare l’allineamento. Se il lettore deve riconoscere un orario o un riferimento, chiedi una rilettura del risultato finale e conserva il numero negli appunti.

In entrambi i casi, riapri il blocco dopo il salvataggio e verifica il punto esatto in cui è stato inserito l’attributo. Se la proposta aggiunge più passaggi, scegli un testo francese tra due di quelli da controllare come riferimento. Puoi così individuare un contenitore troppo ampio che trasmette i propri attributi a tutto quello che segue. Inizia con una sola correzione. Estendila agli altri passaggi dopo averne verificato la lingua, la direzione e la posizione nel DOM.