Explicação de cinco maneiras de "ler" sites.

2024/11/28

Todos os sites agora precisam ser acessíveis,Leia o site.As funções e ferramentas que fazem isso são uma parte essencial do suporte à acessibilidade e do aprimoramento da experiência do usuário.

As funções de leitura do site não só ajudam os deficientes visuais e outros usuários diversos a ter acesso igual às informações na Web, mas também são uma ferramenta de apoio ao "trabalho enquanto se faz".

Há cinco métodos típicos de leitura de sites, incluindo

Método 1: Use a função de leitura do navegador.
Método 2: Usar leitores de tela
Método 3: Integração de plug-ins.
Método 4: uso de APIs de síntese de fala
Método 5: Fornecimento de conteúdo de vídeo e áudio.

Este artigo apresentará esses cinco métodos típicos de leitura de fala e fornecerá uma explicação detalhada de seus recursos, como introduzi-los e os desafios que as funções de leitura de fala enfrentam.

5 maneiras de ler sobre sites

Primeiramente, são apresentados cinco métodos de implementação de leituras de sites; a tabela abaixo compara e resume cada método.

Tabela comparativa de cinco métodos de leitura de sites

metodologias	Recursos	escopo (de um documento)	Benefícios.	demérito
(1) Usando a função de leitura do navegador	Recurso padrão em navegadores da Web e disponível na configuração	Navegador inteiro	・Sem custos de introduçãoDisponível em Facilmente ativado por meio das configurações do navegador e pronto para uso imediato pelo usuário.	...muitas vezes lida em voz alta, em um tom monótono. ・Disponível apenas em determinados navegadores e sistemas operacionais
(ii) Uso de leitores de tela.	Tecnologias assistivas projetadas principalmente para pessoas com deficiência visual, ferramentas disponíveis em sistemas operacionais e aplicativos.	Sistemas inteiros e aplicativos em geral	Apoiar a acessibilidade em geral, eDisponível em todo o sistema ...alguns com suporte para saída em Braille.	Requer configuração e instalação, o que pode ser complicado para pessoas sem deficiência ・Algumas ferramentas estão disponíveis mediante o pagamento de uma taxa.
(iii) Integração de plug-ins.	Incorporação de código de script ou outro material em um site para leitura de conteúdo específico.	Sites e páginas específicos	・Formulário otimizado para conteúdo específicoFuncionamento em A personalização é possível.	・Demora na implementação A gama de funções depende dos plug-ins instalados.
(iv) Uso da API de conversão de texto em fala.	Pode produzir um som de maior qualidade e mais natural e pode ser usado em qualquer situação em que o som seja necessário.	Eles variam de sites e aplicativos a dispositivos de IoT, criação de conteúdo, chatbots e muito mais.	... personalização avançada eA geração de voz natural é possível. Excelente suporte multilíngue.	Grandes obstáculos técnicos à implementação para os desenvolvedores. ・têm altos custos operacionais
(v) Fornecimento de conteúdo de vídeo e áudio.	Informações de leitura como conteúdo de áudio e vídeo.	Limitado a conteúdo específico (áudio e vídeo)	... e também de áudio.Uso de recursos visuais e músicaser capaz (de fazer) Pode se concentrar em um conteúdo específico.	・Criação de conteúdo que consome muito tempo ... não tem desempenho em tempo real.

Principalmente, é assim que a leitura do site é obtida, embora para (iii), (iv) e (v) seja possível fornecer uma leitura altamente precisa,Desenvolvimento e produção por parte do operador do siteÉ necessário.

Por outro lado, para (1) e (2), não há desenvolvimento especial no site, pois as configurações do navegador e as ferramentas usadas pelo usuário são usadas para ler as informações, mas para que a função de leitura do navegador e o leitor de tela funcionem corretamente,A estrutura do site, o HTML e outros métodos de descrição estão em conformidade com os padrões de acessibilidade, como o WCAG.É necessário.

Cada método é explicado em detalhes abaixo, inclusive como introduzi-lo.

Método 1: Use a função de leitura do navegador.

Use a função de leitura padrão em navegadores da Web, como o Google Chrome e o Safari.Sem a necessidade de instalar aplicativos ou softwares especiais.Ele está disponível e fornece ao usuário conversão de texto em fala com uma configuração simples, útil não apenas para deficientes visuais, mas também para pessoas fisicamente aptas que precisam recuperar informações enquanto "trabalham ao mesmo tempo".

No entanto, ele só funciona no navegador,Funcionalidade limitada para deficientes visuais, pois não abrange todo o sistema, como um leitor de telaPode-se dizer que.

Serviços de representação

・Microsoft Edge
・Safári(Mac)
・Google Chrome

Métodos de importação

Ative a função de leitura no menu de configurações de cada navegador; se quiser usá-la com uma extensão de navegador adicional, instale a extensão no navegador e, em seguida, ative a função, por exemplo, no Chrome,「Ler em voz alta」Extensões como essas são fornecidas.

Método 2: Usar leitores de tela

Leitores de tela são tecnologias assistivas projetadas para pessoas com deficiência visual, ferramentas que convertem informações na tela em formato falado ou em Braille, não se limitando a navegadores da Web,Disponível em todo o sistema, incluindo sistemas operacionais e aplicativosé caracterizado por.

Ferramentas de representação

Versão japonesa do NVDA
narrador
PC-Talker
JAWS 2024 versão japonesa
ZoomText 2024 versão em japonês

Métodos de importação

O método de instalação varia de acordo com a ferramenta, mas geralmente ela é baixada do site oficial ou instalada após a compra de uma licença,Os smartphones têm leitores de tela como equipamento padrão.no iOS, no menu Acessibilidade em Ajustes.VoiceOver".e para Android."TalkBack".para ativar a função de leitura.

Para leitores de tela,O artigo a seguir explica isso com mais detalhes, que você pode ler em conjunto com este artigo.。

Artigos relacionados:Explicação de como os leitores de tela são usados e cinco ferramentas típicas.

Método 3: Integração de plug-ins.

Os plug-ins facilitam a inclusão de uma função de leitura em um site.Fornecer uma função de leitura especificamente para determinado conteúdo (por exemplo, descrições de produtos, artigos, perguntas frequentes etc.).Isso permite que os operadores personalizem com flexibilidade a funcionalidade de acordo com a finalidade do site e, ao personalizar as configurações, por exemploInterface intuitiva e fácil de usar, incluindo a especificação da faixa de leitura e os botões de início e parada da voz.também pode ser fornecido aos usuários.

Plug-ins de representação

UniWeb
ReadSpeaker
Navegar em voz alta

Métodos de importação

O método geral de implementação é selecionar o plug-in apropriado no site do serviço,Ele pode ser implementado simplesmente inserindo o código de script do provedor no cabeçalho HTML.。Os intervalos de texto e os designs dos botões podem ser personalizados na tela de administração.

Método 4: uso de APIs de síntese de fala

A API de conversão de texto em fala recebe o texto de entrada eConversão em tempo real para som naturalEle é usado para integrar funções avançadas de leitura em sites e aplicativos como base tecnológica para isso.Ele é capaz de ajustar a fala de acordo com a emoção e o contexto, e tem excelente suporte multilíngue.é caracterizado por.

Serviços de representação

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

Métodos de importação

Primeiro, crie uma conta em um provedor de API, como Google Cloud, Amazon AWS ou IBM Watson, e ative a API; isso pode ser feito incorporando a chave de API obtida no ambiente de desenvolvimento e implementando um programa, enviando texto para a API e reproduzindo os dados de fala gerados.

Método 5: Fornecimento de conteúdo de vídeo e áudio.

Essa é uma forma de fornecer informações no site em formato de áudio, como conteúdo de vídeo ou áudio.Combinadas com elementos visuais, as informações podem ser transmitidas de vários ângulos.É preciso tempo e esforço para produzir conteúdo, como edição de vídeo, mas isso depende da edição,A maneira mais segura de comunicar sua mensagem de uma forma fácil de entender.Também pode ser um

Métodos de importação

Primeiro, crie conteúdo usando um software de gravação de áudio ou ferramentas de edição de vídeo; carregue os arquivos em um servidor; depois, crie um arquivo de vídeo usando uma ferramenta de edição de vídeo; depois, carregue o arquivo em um servidor; depois, crie um arquivo de vídeo usando uma ferramenta de edição de vídeo,Incorpore a tag diretamente em seu site ou carregue-a no YouTube ou no SoundCloud e obtenha o código de incorporação para incorporá-la em seu siteHá também: fornecer legendas e transcrições para aumentar a acessibilidade seria ainda melhor.

Todos esses métodos ajudam a melhorar a conveniência do usuário e a garantir a acessibilidade, mas devem ser introduzidos e operados de formaAlguns pontos a serem observados e questões a serem abordadasA próxima seção descreve os desafios enfrentados pela função de leitura do local.

5 desafios da função de leitura do site.

Embora a função de leitura seja útil para uma grande variedade de usuários, ela também apresenta alguns desafios; cinco desafios típicos são discutidos aqui.

Problema 1: Limitações da qualidade e naturalidade da voz.

Nos últimos anos, o uso de tecnologias de síntese avançadas, como a voz de IA, permitiu a geração de uma fala mais natural, mas muitas funções de leitura de navegador e leitores de tela comumente usados,Voz monótona e mecânicaÉ.

A fala monótona e a entonação não natural podem ser um problema, especialmente quando os usuários estão procurando qualidade de voz,Fadiga fácil se a meta de leitura for um texto longo.O problema é que.

Problema 2: Alguns caracteres e símbolos não são reconhecidos corretamente.

Alguns caracteres especiais, símbolos e abreviações não são lidos corretamente.Em alguns casos, esse problema não apenas dificulta a compreensão do conteúdo pelos usuários,Causas da redução da acessibilidade geral do site.Também pode ser um

Por exemplo, notações técnicas, como código de programa, fórmulas matemáticas e fórmulas químicas, podem não ser lidas como pretendido, confundindo os usuários, e as abreviações (por exemplo, NASA e HTML) podem não ser pronunciadas corretamente, dificultando a compreensão do seu significado pelos usuários.

Além disso, se símbolos decorativos ou emojis forem usados com frequência, o mecanismo de leitura poderá ler todos os nomes de emojis, resultando em resultados redundantes e confusos (por exemplo, ler todos os 😊 como "emoji de carinha sorridente").

Questão (iii) Dificuldades com o suporte multilíngue.

Os sites multilíngues precisam alternar os idiomas adequadamente.Pronúncia incorreta ou leitura não natural.e se o código de idioma (por exemplo, lang="en", lang="ja") não estiver definido corretamente, o mecanismo de fala não funcionará corretamente.

Quando o código do idioma precisa ser definido adequadamente ou o mecanismo de conversão de texto em fala precisa ser trocado,A resposta é tecnicamente complexa e aumenta as horas de trabalho operacional.Em termos de pontos, esse é um desafio comum para sites multilíngues.

Problema 4: manipulação de conteúdo dinâmico.

Conteúdo dinâmico, como seções de comentários, bate-papos e pop-upssão muito atraentes e úteis, pois podem atualizar as informações em tempo real,Não é compatível com a função de leitura do local.

Em muitos casos, as funções de leitura e os leitores de tela não reconhecem as informações adicionadas em tempo real,"Não ler até o fim", "leituras sobrepostas", etc., que não transmitem adequadamente as informações ao usuário.Como resultado, novas informações podem ser ignoradas ou o usuário pode ouvir informações antigas novamente em um momento não intencional.

Desafio 5: custo e ônus do suporte de acessibilidade.

Para que a função de leitura funcione corretamente,O HTML e a estrutura do site são escritos adequadamente de acordo com os padrões de acessibilidade.é necessário; no entanto, na prática, em muitos casos a função de leitura não funciona como esperado devido a descrições HTML incorretas, falta de texto alternativo ou não configuração do atributo ARIA.

Para resolver esses problemas, são necessárias modificações no site, que requeremCustos financeiros e tempocustará, em particularPara as pequenas empresas com orçamentos e pessoal limitados, esse ônus é significativo e o suporte à acessibilidade é colocado em segundo plano.Esse é frequentemente o caso.

No entanto, esses desafios são inevitáveis ao implementar e operar uma função de leitura,Os recentes avanços na tecnologia de IA também abriram a possibilidade de resolver esses problemas.A próxima seção descreve a evolução das funções de leitura do site provocada pela tecnologia de IA.

A evolução das funções de leitura do site provocada pela tecnologia de IA.

Nos últimos anos, os avanços na tecnologia de IA levaram a avanços significativos nas funções de leitura de sites.Modelos de síntese de fala que utilizam aprendizagem profunda (tecnologia que aprende automaticamente os recursos a partir de grandes quantidades de dados).ao associar entonação baseada em emoção e contexto ao gerar fala a partir de texto,Gera uma fala mais natural, semelhante à humana, em vez da fala mecânica tradicional。

A IA também éCompreensão do contexto textual e das relações entre palavras.O sistema lê o conteúdo adequadamente, por exemplo, usando um tom de voz oficial para artigos de notícias e uma voz emocional para conteúdo de histórias.

Além disso, o suporte multilíngue também está evoluindo com a IA,As tecnologias de conversão de texto em fala, como o Google Cloud TTS, suportam dezenas de idiomase permite alternar suavemente entre diferentes idiomas, por exemplo, em páginas com inglês e japonês misturados,O texto é automaticamente identificado e lido em voz alta com a pronúncia e a entonação apropriadas para cada idioma, ou o texto é lido em voz alta no idioma de destino enquanto está sendo traduzido.É possível fazer isso.

Essas tecnologias são,Integração aos métodos de leitura existentes, como navegadores, leitores de tela e plug-ins, aprimorando consideravelmente suas respectivas funçõese têm o potencial de melhorar significativamente a experiência do usuário.

Referência:As mais recentes tecnologias de síntese de fala e seus aplicativos: a voz do futuro criada pela IA. / Novidades em 2024: a evolução da tecnologia de conversão de texto em fala e casos de uso incríveis.（Reinforz Insight）、A tecnologia de síntese de fala multilíngue está incorporada na solução de síntese de fala FutureVoice Crayon. Primeiro fornecimento comercial dessa tecnologia no Japão.（NTT Technocross）

Suporte eficiente à leitura do site possibilitado pelo UniWeb.

Neste artigo, descrevemos as várias maneiras pelas quais os sites podem ser lidos em voz alta e fornecemosFerramenta de acessibilidade UniWeb.é uma ferramenta poderosa para obter conformidade de acessibilidade em sites em um curto período de tempo.

Para ferramentas de plug-in,Basta inserir uma linha de tags em seu site.permite que você implemente facilmente funções específicas para melhorar a acessibilidade, como a conversão de voz em fala, o ajuste do esquema de cores e a capacidade de alterar o tamanho do texto.

Para a função de leitura do site UniWeb,Além da função geral de "leitor de tela", há também uma função de "leitor parcial".Abaixo está uma função de leitura parcial, mas com um clique a função pode ser ativada e a velocidade de leitura pode ser alterada.

Ao clicar na parte que deseja ler, somente essa parte será lida, o que a torna útil não apenas para fins de acessibilidade, mas também para obter informações enquanto "trabalha enquanto ouve".

O "leitor parcial" da UniWeb.

Normalmente, para que a função de leitura de um site funcione corretamente, seria necessário verificar os problemas página por página usando um leitor de tela e modificar manualmente o HTML e a estrutura, mas com o UniWeb,O local inteiro pode ser analisado automaticamente para identificar áreas problemáticas e otimizar a estrutura de forma eficiente.É.

O UniWeb é uma ferramenta confiável e econômica para suporte à acessibilidade da Web, incluindo conversão de fala em fala."Ícone rosa" no canto inferior direito deste artigo.para visualizar o menu de acessibilidade do UniWeb, e convidamos você a experimentar a funcionalidade.

resumo

A função de leitura do site é,Desempenhar um papel importante na melhoria da experiência do usuário e na abordagem da acessibilidadeEste artigo apresentou os recursos dos cinco métodos de leitura e como eles podem ser implementados, mas se você estiver considerando uma função de leitura no futuro,Ao escolher um método que se adapte ao objetivo e à base de usuários do site, também é preciso considerar os desafios.

Além disso, para dar suporte à funcionalidade do navegador e aos leitores de tela,Certifique-se de que a estrutura do site e as descrições em HTML estejam em conformidade com os padrões de acessibilidade.É importante que a função de leitura funcione corretamente e proporcione um ambiente confortável para que todos os usuários utilizem o conteúdo.

Com os requisitos de acessibilidade para todos os sites atualmente, as funções de leitura de sites serão uma área de interesse crescente no futuro, especialmente para usuários com deficiência visual e idosos, para permitir que eles usem os sites sem nenhum inconveniente.

Para obter um suporte de acessibilidade eficiente e eficaz, talvez você queira considerar o uso de uma solução como o UniWeb como uma opção.