Spiegazione di cinque modi per "leggere" i siti web.

2024/11/28

Tutti i siti web devono essere accessibili,Leggere il sito web".Le funzioni e gli strumenti che consentono di farlo sono una parte essenziale del supporto all'accessibilità e del miglioramento dell'esperienza dell'utente.

Le funzioni di lettura del sito non solo aiutano gli ipovedenti e altri utenti diversi ad avere un accesso paritario alle informazioni sul web, ma sono anche uno strumento di supporto al "lavoro mentre si fa".

Esistono cinque metodi tipici per la lettura dei siti web, tra cui

Metodo 1: utilizzare la funzione di lettura del browser.
Metodo 2: Utilizzo di screen reader
Metodo 3: integrazione dei plug-in.
Metodo 4: utilizzo di API di sintesi vocale
Metodo 5: fornitura di contenuti video e audio.

Questo articolo introdurrà questi cinque metodi tipici di lettura del parlato e fornirà una spiegazione dettagliata delle loro caratteristiche, di come introdurli e delle sfide che le funzioni di lettura del parlato devono affrontare.

5 modi per leggere i siti web

In primo luogo, vengono presentati cinque metodi per l'implementazione della lettura del sito web; la tabella seguente confronta e riassume ciascun metodo.

Tabella di confronto dei cinque metodi di lettura dei siti web

metodologie	Caratteristiche	ambito (di un documento)	Vantaggi.	demerito
(1) Utilizzo della funzione di lettura del browser	Caratteristica standard nei browser web e disponibile nella configurazione	Browser intero	・Nessun costo di introduzioneDisponibile in Facilmente attivabile tramite le impostazioni del browser e pronto per l'uso immediato da parte dell'utente.	...spesso letto ad alta voce con voce monotona. ・Disponibile solo su alcuni browser e sistemi operativi
(ii) Utilizzo di screen reader.	Tecnologie assistive progettate principalmente per le persone ipovedenti, strumenti disponibili per tutti i sistemi operativi e le applicazioni.	Interi sistemi e applicazioni in generale	Sostenere l'accessibilità in generale eDisponibile a livello di sistema ...e alcuni con supporto per l'uscita Braille.	Richiede la configurazione e l'installazione, che può risultare complicata per le persone normodotate. ・Alcuni strumenti sono disponibili a pagamento.
(iii) Integrazione dei plug-in.	Inclusione di codice script o altro materiale in un sito web per leggere contenuti specifici.	Siti web e pagine specifiche	・Modulo ottimizzato per contenuti specificiFunzionamento in La personalizzazione è possibile.	・L'implementazione richiede tempo La gamma di funzioni dipende dai plug-in installati.
(iv) Uso dell'API text-to-speech.	Può produrre un suono di qualità superiore e più naturale e può essere utilizzato in qualsiasi situazione in cui sia richiesto il suono.	Si va dai siti web e le app ai dispositivi IoT, alla creazione di contenuti, ai chatbot e altro ancora.	... personalizzazione avanzata eÈ possibile generare una voce naturale. Eccellente supporto multilingue.	Elevati ostacoli tecnici all'implementazione per gli sviluppatori. ・hanno costi operativi elevati
(v) Fornitura di contenuti video e audio.	Leggere le informazioni come contenuti audio e video.	Limitato a contenuti specifici (audio e video)	... e audio.Uso di immagini e musicaessere in grado di (fare) Può concentrarsi su contenuti specifici.	・Creazione di contenuti che richiede tempo ... manca di prestazioni in tempo reale.

Principalmente, questo è il modo in cui si ottiene la lettura del sito web, anche se per i punti (iii), (iv) e (v) è possibile fornire una lettura altamente accurata,Sviluppo e produzione da parte del gestore del sito webÈ necessario.

D'altra parte, per i punti (1) e (2), non vi è alcuno sviluppo speciale da parte del sito web, in quanto le impostazioni del browser e gli strumenti utilizzati dall'utente vengono utilizzati per leggere le informazioni, ma per far funzionare correttamente la funzione di lettura del browser e lo screen reader,La struttura del sito web, l'HTML e altri metodi di descrizione sono conformi agli standard di accessibilità come le WCAG.È necessario.

Ogni metodo è spiegato in dettaglio qui di seguito, compreso il modo in cui introdurlo.

Metodo 1: utilizzare la funzione di lettura del browser.

Utilizzare la funzione di lettura standard nei browser web come Google Chrome e Safari.Senza la necessità di installare applicazioni o software speciali.È disponibile e fornisce all'utente una sintesi vocale con una semplice configurazione, utile non solo per gli ipovedenti, ma anche per le persone normodotate che hanno bisogno di recuperare informazioni mentre "lavorano allo stesso tempo".

Tuttavia, funziona solo nel browser,Funzionalità limitate per gli ipovedenti, in quanto non si tratta di un lettore di schermo esteso a tutto il sistema.Si può dire che.

Servizi di rappresentanza

・Microsoft Edge
・Safari(Mac)
・Google Chrome

Metodi di importazione

Attivare la funzione di lettura dal menu delle impostazioni di ciascun browser; se si desidera utilizzarla con un'estensione aggiuntiva del browser, è possibile farlo installando l'estensione nel browser e poi attivando la funzione. ad esempio in Chrome,"Leggere ad alta voce」Sono previste estensioni come queste.

Metodo 2: Utilizzo di screen reader

I lettori di schermo sono tecnologie assistive progettate per le persone ipovedenti, strumenti che convertono le informazioni sullo schermo in forma parlata o Braille, non solo per i browser web,Disponibile a livello di sistema, compresi i sistemi operativi e le applicazioni.è caratterizzato da.

Strumenti di rappresentanza

NVDA versione giapponese
narratore
PC-Talker
JAWS 2024 versione giapponese
ZoomText 2024 versione giapponese

Metodi di importazione

Il metodo di installazione varia a seconda dello strumento, ma generalmente viene scaricato dal sito web ufficiale o installato dopo aver acquistato una licenza,Gli smartphone sono dotati di lettori di schermo come dotazione standard.Su iOS, dal menu Accessibilità in Impostazioni.VoiceOver".e per Android."TalkBack".per attivare la funzione di lettura.

Per i lettori di schermo,Il seguente articolo spiega in modo più dettagliato questo aspetto, che vi invitiamo a leggere insieme a questo articolo.。

Articoli correlati:Spiegazione di come si usano gli screen reader e cinque strumenti tipici.

Metodo 3: integrazione dei plug-in.

I plug-in consentono di aggiungere facilmente una funzione di lettura a un sito web.Fornire una funzione di lettura specifica per determinati contenuti (ad esempio, descrizioni di prodotti, articoli, FAQ, ecc.).Ciò consente agli operatori di personalizzare in modo flessibile le funzionalità in base allo scopo del sito e, personalizzando le impostazioni, ad esempioInterfaccia intuitiva e facile da usare, che include la specifica dell'intervallo di lettura e i pulsanti di avvio e arresto della voce.possono essere forniti agli utenti.

Plugin rappresentativi

UniWeb
Leggi l'altoparlante
Sfogliare ad alta voce

Metodi di importazione

Il metodo generale di implementazione consiste nel selezionare il plug-in appropriato sul sito web del servizio,Si può implementare semplicemente inserendo il codice di script del provider nell'intestazione HTML.。Le gamme di testo e i design dei pulsanti possono essere personalizzati nella schermata di amministrazione.

Metodo 4: utilizzo di API di sintesi vocale

L'API text-to-speech prende il testo in ingresso eConversione in tempo reale in suono naturaleViene utilizzato per integrare funzioni di lettura avanzate in siti web e applicazioni come base tecnologica per farlo.È in grado di regolare il parlato in base alle emozioni e al contesto e dispone di un eccellente supporto multilingue.è caratterizzato da.

Servizi di rappresentanza

Text-to-Speech di Google Cloud
Amazon Polly
IBM Watson Text-to-Speech

Metodi di importazione

Per prima cosa, è necessario creare un account presso un fornitore di API come Google Cloud, Amazon AWS o IBM Watson e attivare l'API; ciò può essere ottenuto incorporando la chiave API ottenuta nell'ambiente di sviluppo e implementando un programma, inviando un testo all'API e riproducendo i dati vocali generati.

Metodo 5: fornitura di contenuti video e audio.

Si tratta di un modo per fornire informazioni sul sito in forma audio, come contenuti video o audio.In combinazione con elementi visivi, le informazioni possono essere trasmesse da più angolazioni.Produrre contenuti richiede tempo e impegno, come ad esempio il montaggio di video, ma dipende dall'editing,Il modo più sicuro per comunicare il vostro messaggio in modo facilmente comprensibile.Può anche essere un

Metodi di importazione

Innanzitutto, creare contenuti utilizzando software di registrazione audio o strumenti di editing video; caricare i file su un server; quindi, creare un file video utilizzando uno strumento di editing video; caricare il file su un server; quindi, creare un file video utilizzando uno strumento di editing video,Incorporate il tag direttamente sul vostro sito web o caricatelo su YouTube o SoundCloud e ottenete il codice di incorporamento per inserirlo nel vostro sito.Ci sono anche: fornire sottotitoli e trascrizioni per migliorare l'accessibilità sarebbe ancora meglio.

Tutti questi metodi contribuiscono a migliorare la comodità dell'utente e a garantire l'accessibilità, ma devono essere introdotti e gestiti in manieraAlcuni punti da notare e questioni da affrontareLa sezione successiva descrive le sfide affrontate dalla funzione di lettura del sito.

5 sfide della funzione di lettura del sito web.

Sebbene la funzione di lettura sia utile per un'ampia varietà di utenti, pone anche alcune sfide; cinque sfide tipiche sono discusse qui.

Problema 1: Limitazioni della qualità e della naturalezza della voce.

Negli ultimi anni, l'uso di tecnologie di sintesi avanzate, come l'AI voice, ha permesso di generare un parlato più naturale, ma molte funzioni di lettura del browser e screen reader comunemente utilizzati,Voce monotona e meccanicaIs.

Il parlato monotono e l'intonazione innaturale possono essere un problema, soprattutto quando gli utenti cercano la qualità della voce,Si affatica facilmente se l'obiettivo di lettura è un testo lungo.Il problema è che.

Problema 2: alcuni caratteri e simboli non vengono riconosciuti correttamente.

Alcuni caratteri speciali, simboli e abbreviazioni non vengono letti correttamente.In alcuni casi, questo problema non solo rende difficile agli utenti la comprensione dei contenuti,Cause della ridotta accessibilità complessiva del sito.Può anche essere un

Ad esempio, le notazioni tecniche come i codici dei programmi, le formule matematiche e le formule chimiche possono non essere lette come previsto, confondendo gli utenti, e le abbreviazioni (ad esempio NASA e HTML) possono non essere pronunciate correttamente, rendendo difficile per gli utenti comprenderne il significato.

Inoltre, se i simboli decorativi o le emoji sono usati frequentemente, il motore di lettura potrebbe leggere tutti i nomi delle emoji, dando luogo a risultati ridondanti e confusi (ad esempio, leggendo tutti i 😊 come "emoji faccina").

Problema (iii) Difficoltà con il supporto multilingue.

I siti web multilingue devono cambiare lingua in modo appropriato.Pronuncia errata o lettura innaturale.e se il codice della lingua (ad esempio, lang="en", lang="ja") non è impostato correttamente, il motore vocale non funzionerà correttamente.

Quando il codice della lingua deve essere impostato in modo appropriato o il motore di sintesi vocale deve essere cambiato,La risposta è tecnicamente complessa e aumenta le ore di lavoro operative.In termini di punti, questa è una sfida comune per i siti web multilingue.

Problema 4: gestione dei contenuti dinamici.

Contenuti dinamici come sezioni di commento, chat e pop-upsono molto interessanti e utili, in quanto possono aggiornare le informazioni in tempo reale,Non è compatibile con la funzione di lettura del sito.

In molti casi, le funzioni di lettura e gli screen reader non riconoscono le informazioni aggiunte in tempo reale,Non leggere fino alla fine", "sovrapposizione di letture", ecc. che non trasmettono adeguatamente le informazioni all'utente.Di conseguenza, le nuove informazioni possono essere ignorate o l'utente può riascoltare le vecchie informazioni in un momento non previsto.

Sfida 5: Costi e oneri del supporto all'accessibilità.

Per il corretto funzionamento della funzione di lettura,L'HTML e la struttura del sito web sono scritti correttamente secondo gli standard di accessibilità.è richiesto; tuttavia, nella pratica, in molti casi la funzione di lettura non funziona come previsto a causa di descrizioni HTML errate, mancanza di testo alternativo o mancata impostazione dell'attributo ARIA.

Per risolvere questi problemi, è necessario apportare modifiche al sito web, che richiedonoCosti finanziari e tempocosterà, in particolarePer le piccole imprese con budget e personale limitati, questo onere è significativo e il supporto all'accessibilità viene messo in secondo piano.Questo è spesso il caso.

Tuttavia, queste sfide sono inevitabili quando si implementa e si gestisce una funzione di lettura,I recenti progressi della tecnologia AI hanno aperto la possibilità di risolvere questi problemi.La sezione successiva descrive l'evoluzione delle funzioni di lettura dei siti apportata dalla tecnologia AI.

L'evoluzione delle funzioni di lettura dei siti grazie alla tecnologia AI.

Negli ultimi anni, i progressi della tecnologia AI hanno portato a un notevole avanzamento delle funzioni di lettura dei siti.Modelli di sintesi vocale che utilizzano il deep learning (tecnologia che apprende automaticamente le caratteristiche da grandi quantità di dati).attribuendo un'intonazione basata sulle emozioni e sul contesto quando si genera il parlato da un testo,Genera un parlato più naturale, simile a quello umano, piuttosto che un parlato meccanico tradizionale.。

L'intelligenza artificiale è ancheComprendere il contesto testuale e le relazioni tra le parole.Il sistema legge il contenuto in modo appropriato, ad esempio utilizzando un tono di voce ufficiale per gli articoli di cronaca e una voce emotiva per i contenuti delle storie.

Inoltre, il supporto multilingue si sta evolvendo con l'intelligenza artificiale,Le tecnologie text-to-speech come Google Cloud TTS supportano decine di lingue.e consente di passare agevolmente da una lingua all'altra, ad esempio nelle pagine in cui si mescolano inglese e giapponese,Il testo viene identificato automaticamente e letto ad alta voce con la pronuncia e l'intonazione appropriate per ogni lingua, oppure il testo viene letto ad alta voce nella lingua di destinazione mentre viene tradotto.È possibile farlo.

Tali tecnologie sono,Integrazione nei metodi di lettura esistenti, come browser, screen reader e plug-in, migliorando notevolmente le loro rispettive funzioni.e hanno il potenziale per migliorare significativamente l'esperienza dell'utente.

Riferimento:Le ultime tecnologie di sintesi vocale e le loro applicazioni: la voce del futuro creata dall'IA. / Le ultime novità del 2024: l'evoluzione della tecnologia text-to-speech e i sorprendenti casi d'uso.（Approfondimento su Reinforz）、Discorso sintetizzato multilingue senza perdita di qualità della voce dell'altoparlante La tecnologia di sintesi vocale multilingue è incorporata nella soluzione di sintesi vocale FutureVoice Crayon. Prima fornitura commerciale di questa tecnologia in Giappone.（NTT Technocross）

Un efficiente supporto alla lettura del sito reso possibile da UniWeb.

In questo articolo abbiamo descritto i vari modi in cui i siti web possono essere letti a voce alta e abbiamo fornitoStrumento di accessibilità UniWeb.è uno strumento potente per ottenere la conformità all'accessibilità dei siti web in un breve periodo di tempo.

Per gli strumenti plug-in,È sufficiente inserire una riga di tag nel vostro sito web.consente di implementare facilmente funzioni specifiche per migliorare l'accessibilità, come la sintesi vocale, la regolazione della combinazione di colori e la possibilità di modificare le dimensioni del testo.

Per la funzione di lettura del sito UniWeb,Oltre alla funzione generale di "lettore di schermo", esiste anche una funzione di "lettore parziale".Di seguito è riportata una funzione di lettura parziale, ma con un clic è possibile attivare la funzione e cambiare la velocità di lettura.

Facendo clic sulla parte che si desidera leggere, viene letta solo quella, il che la rende utile non solo ai fini dell'accessibilità, ma anche per ottenere informazioni mentre si "lavora ascoltando".

Il "lettore parziale" di UniWeb.

Normalmente, per far funzionare correttamente la funzione di lettura di un sito, è necessario verificare la presenza di problemi pagina per pagina utilizzando uno screen reader e modificare manualmente l'HTML e la struttura, ma con UniWeb,L'intero sito può essere analizzato automaticamente per identificare le aree problematiche e ottimizzare la struttura in modo efficiente.Is.

UniWeb è uno strumento affidabile ed economico per il supporto all'accessibilità del web, compreso il speech-to-speech.icona rosa" nell'angolo in basso a destra di questo articolo.per visualizzare il menu dell'accessibilità di UniWeb e vi invitiamo a provarne personalmente le funzionalità.

sintesi

La funzione di lettura del sito web è,Svolgere un ruolo importante nel migliorare l'esperienza dell'utente e nell'affrontare l'accessibilità.Questo articolo ha introdotto le caratteristiche dei cinque metodi di lettura e il modo in cui possono essere implementati,Oltre a scegliere un metodo adatto allo scopo e alla base di utenti del sito, è necessario tenere in debita considerazione anche le sfide.

Inoltre, per supportare le funzionalità dei browser e degli screen reader,Assicurarsi che la struttura del sito e le descrizioni HTML siano conformi agli standard di accessibilità.È importante che la funzione di lettura funzioni correttamente e fornisca un ambiente confortevole a tutti gli utenti per la fruizione dei contenuti.

Con i requisiti di accessibilità per tutti i siti web, le funzioni di lettura dei siti saranno un'area di crescente interesse in futuro, soprattutto per gli utenti ipovedenti e gli anziani, per consentire loro di utilizzare i siti senza alcun inconveniente.

Per un supporto efficiente ed efficace all'accessibilità, potreste prendere in considerazione una soluzione come UniWeb.