Corretta marcatura delle modifiche linguistiche all'interno di contenuti multilingue
Le parole e i passaggi che presentano delle anomalie richiedono l'attributo "lang" appropriato. Ciò consente alle tecnologie assistive di applicare correttamente le regole di pronuncia e linguistiche.
Per gli sviluppatori web e i team UX, la "corretta indicazione dei cambiamenti di lingua in HTML" può essere valutata principalmente in base a due punti: "lingua del documento" e "codice della lingua della navigazione". Questo confronto rende tangibile il confine professionale.
Pubblicato: 3 minuti di lettura · Autore: Sebastian Geier
Come si contrassegnano correttamente i cambi di lingua all'interno di contenuti multilingue?
La lingua predominante della pagina viene specificata una sola volta nel documento; ai passaggi più lunghi e diversi viene assegnata una lingua diversa nel contenitore più appropriato. I singoli nomi propri e le parole comuni non vengono contrassegnati automaticamente, perché le modifiche non necessarie tendono a compromettere la pronuncia.
Impatto rilevante sulla pronuncia
Percentuale di modelli multilingue il cui codice del documento corrisponde alla lingua principale e alla configurazione locale fornite.
Numero di passaggi in lingua straniera testati con attributi `lang` correttamente limitati e output comprensibile prima e dopo il cambio di lingua.
Deviazione definita in modo ristretto.
Impostazione corretta della lingua principale di ogni variante di documento consegnata lato server o nel template utilizzando l'elemento `<html>`.
Registrazione editoriale di frasi, citazioni e istruzioni operative in lingua straniera e loro inserimento nel contenitore più appropriato.
Ascolto di cambi di lingua rappresentativi con output vocale e verifica simultanea del mantenimento delle marcature dopo le modifiche editoriali.
Caso diagnostico: "Codice lingua dalla navigazione"
Un articolo tecnico tedesco contiene una citazione originale in inglese più lunga seguita da un testo esplicativo in tedesco. Solo le citazioni ricevono il codice lingua "lang en", l'elemento HTML rimane "de" e il paragrafo successivo non adotta la lingua straniera; il nome del prodotto in inglese all'interno di una frase in tedesco non viene contrassegnato.
Lingua del documento
Lingua del documento – L'elemento HTML specifica la lingua predominante della pagina con un codice lingua valido e corrisponde alla versione effettivamente visualizzata.
Deviazione definita in modo ristretto. – Solo un passaggio continuo in un'altra lingua riceve il codice lingua "lang" all'interno del più piccolo elemento contenitore significativo.
Impatto rilevante sulla pronuncia – Un marcatore viene posizionato laddove il riconoscimento vocale migliora effettivamente la pronuncia o l'elaborazione.
Codice lingua dalla navigazione
Codice lingua dalla navigazione – L'interfaccia visualizza una selezione di lingua, mentre il documento continua a visualizzare il codice di una versione diversa.
Evidenziazione di ogni parola straniera I nomi dei prodotti e i termini consolidati creano modifiche linguistiche non necessarie e un output frammentario per lo screen reader.
Gamma di lingue troppo ampia – Una singola citazione in lingua straniera può causare la lettura ad alta voce accidentale del contenuto successivo nella stessa lingua.
Come "Segnalare correttamente i cambi di lingua in HTML" si collega ad altri argomenti
Una domanda approfondita con relativa risposta Scrivere un testo alternativo che descriva la funzione dell'immagine anziché il suo contenuto.In che modo il testo alternativo descrive la funzione di un'immagine anziché solo i suoi dettagli visibili?
Vengono offerti ulteriori punti di vista Utilizzare x-default solo dove esiste una vera pagina predefinita.
Se vuoi implementare praticamente "la corretta marcatura dei cambiamenti di lingua in HTML", puoi andare a Sistemi web robusti a cui fare riferimento in seguito. Lì, l'attenzione si concentra su "etichette, linguaggio e alternative di contenuto" e sul "linguaggio dei documenti".
Conclusione: Corretta marcatura dei cambi di lingua in HTML
La marcatura della lingua descrive l'effettiva modifica del contenuto, non l'origine di ogni singola parola. Confini precisi facilitano la pronuncia senza interrompere il flusso di lettura con eccessivi cambi di lingua.
Fonti e ulteriori informazioni
La seguente documentazione e gli standard ufficiali forniscono la classificazione tecnica.
Controlli di etichettatura – Iniziativa per l'accessibilità web del W3CGuida ufficiale sulle etichette visibili e collegate programmaticamente per vari controlli dei moduli.
Linee guida per l'accessibilità dei contenuti web (WCAG) 2.2 – W3CRaccomandazione del W3C con criteri per alternative testuali, lingua delle parti, scopo dei link, etichette e identificazione degli errori.
Tesi chiave
La lingua principale è indicata a livello di documento; ai passaggi che si discostano dalla lingua originale viene assegnata la lingua effettiva all'elemento più simile. I nomi propri non richiedono automaticamente un cambio di lingua.
Cosa non riguarda
Questo problema non può essere risolto con una singola correzione. Sono necessari controlli separati, come "codice lingua dalla navigazione", "marcatura di ogni parola straniera" e "gamma linguistica troppo ampia".
Di cosa si tratta
Ciò riguarda le informazioni linguistiche presenti nel documento e in passaggi più lunghi e diversi, in modo che la pronuncia, il passaggio da una lingua all'altra e il ritorno alla lingua precedente rimangano inequivocabili per le tecnologie assistive.
HTML semantico e accessibilità
Utilizzo dell'HTML semantico come base per la comprensione della SEO e dell'IA
La domanda "In che modo l'HTML semantico supporta la comprensione da parte dei sistemi di ricerca e di IA? " dovrebbe essere affrontata come fase di test separata nel test "Corretta segnalazione delle modifiche linguistiche in HTML".
HTML semantico e accessibilità
Creare una gerarchia di intestazioni chiara senza compromettere il design
Il test "Corretta segnalazione delle modifiche linguistiche in HTML" dovrebbe essere integrato con una decisione separata: Come si può creare una gerarchia di intestazioni chiara indipendentemente dal design visivo?
Panoramica degli Insight
Tutti gli Insight di VELUNO in sintesi
Ulteriori analisi sui sistemi web, la visibilità digitale e modelli di lavoro robusti.
Deviazioni definite in modo preciso: Prossima revisione tecnica
Un campione editoriale dovrebbe essere utilizzato per verificare il codice del documento, i passaggi più lunghi provenienti da altre fonti e il ritorno al testo originale. Per i moduli di contenuto ricorrenti, ciò può portare a una semplice regola con i relativi campi di modifica.