Aplicacao-do-Metodo-de-Inspecao-Semiotica-Mediado-por-Leitores-de-Tela-ao-Site-TudoGostoso

Prévia do material em texto

. 
 
 
 
 
 
 
 
 
 
� 
 
 
 
 
Aplicação do Método de Inspeção Semiótica 
Mediado por Leitores de Tela ao Site 
TudoGostoso 
 
 
� 
 
RT.DCC.001/2021 
 
 
� 
 
 
 Lucas Pedroso Carvalho 
 Mariana Aparecida dos Santos 
 Joana Gabriela Ribeiro de Souza 
 Raquel Oliveira Prates 
 André Pimenta Freire 
 
 
 
 
 
AGOSTO 
2021 
 
 
Sumário
1. Descrição do Método 4
2. Condução da Avaliação 5
2.1 Objetivo da Inspeção 6
2.2 Inspeção Informal 6
2.3 Escopo e Foco da Avaliação 7
2.4 Cenário 7
3. Aplicação da Avaliação 7
3.1 Etapa 1. Análise dos Signos Metalinguísticos 7
3.1.1 Passo 1. Interação Sem Leitor de Tela 7
3.1.1.1 Registros Relevantes Sobre os Signos 8
3.1.1.2 Conteúdo da Metacomunicação 8
3.1.1.3 Evidências 9
3.1.1.4 Problemas Encontrados 13
3.1.2 Passo 2. Interação Mediada por Leitor de Tela 13
3.1.2.1 Registros Relevantes Sobre os Signos 14
3.1.2.2 Conteúdo da Metacomunicação 14
3.1.2.3 Evidências 15
3.1.2.4 Problemas Encontrados 19
3.1.3 Passo 3. Contraste da Metamensagem 21
3.2 Etapa 2. Análise dos Signos Estáticos 21
3.2.1 Passo 1. Interação Sem Leitor de Tela 21
3.2.1.1 Registros Relevantes Sobre os Signos 21
3.2.1.2 Conteúdo da Metacomunicação 21
3.2.1.3 Evidências 22
3.2.1.4 Problemas Encontrados 27
3.2.2 Passo 2. Interação Mediada por Leitor de Tela 27
3.2.2.1 Registros Relevantes Sobre os Signos 28
3.2.2.2 Conteúdo da Metacomunicação 28
3.2.2.3 Evidências 29
3.2.2.4 Problemas Encontrados 39
3.2.3 Passo 3. Contraste da Metamensagem 40
3.3 Etapa 3. Análise dos Signos Dinâmicos 40
3.3.1 Passo 1. Interação Sem Leitor de Tela 40
3.3.1.1 Registros Relevantes Sobre os Signos 41
3.3.1.2 Conteúdo da Metacomunicação 41
3.3.1.3 Evidências 42
3.3.1.4 Problemas Encontrados 52
3.3.2 Passo 2. Interação Mediada por Leitor de Tela 53
3.3.2.1 Registros Relevantes Sobre os Signos 53
3.3.2.2 Conteúdo da Metacomunicação 53
3.3.2.3 Evidências 54
3.3.2.4 Problemas Encontrados 66
3.3.3 Passo 3. Contraste da Metamensagem 67
3.4 Etapa 4. Contraste 67
3.4.1 Passo 1. Contraste Sem Leitor de Tela 67
3.4.1.1 Conteúdo da Metacomunicação Consolidada 67
3.4.1.2 Problemas Encontrados 69
3.4.2 Passo 2. Contraste Com Leitor de Tela 69
3.4.2.1 Conteúdo da Metacomunicação Consolidada 69
3.4.2.2 Problemas Encontrados 71
3.5 Etapa 5. Apreciação Final 71
3.5.1 Problemas de Comunicabilidade 72
3.5.2. Problemas de Acessibilidade 72
Referências 73
1. Descrição do Método
O MIS-LT foi proposto por (Carvalho et al., 2019) a partir de uma adaptação do Método de
Inspeção Semiótica (MIS) (de Souza et al., 2006), o qual é fundamentado na Engenharia
Semiótica (EngSem) — uma teoria explicativa de IHC que permite entender os fenômenos
envolvidos no design, uso e avaliação de um sistema interativo. Segundo a EngSem, a
interface de um sistema é vista como uma comunicação unidirecional e indireta do projetista
aos seus usuários. O objetivo desta comunicação é transmitir aos usuários a sua visão
sobre a quem o sistema se destina, que problemas ele pode resolver e como interagir com
ele (de Souza & Leitão, 2009). O usuário compreende a mensagem à medida que ele
interage com a interface. Essa comunicação é conhecida como metacomunicação e sua
mensagem como metamensagem.
O objetivo principal do MIS-LT é avaliar a comunicabilidade e a acessibilidade de
interfaces de sistemas interativos para usuários com deficiência visual que utilizam leitores
de tela. O método foca nos significados da interface do usuário que são expressos pelo
projetista do sistema e adota uma perspectiva do emissor da metacomunicação. Em outras
palavras, ele está centrado na emissão da mensagem da metacomunicação do designer
através da interface do sistema mediada por leitores de tela. Nesse sentido, o leitor de tela
possui o papel de apresentar as informações visuais codificadas na interface do sistema na
forma de fala para que possam ser percebidas pelos seus usuários. Sendo assim, ele atua
como um tradutor da metamensagem do designer enviada para os usuários com deficiência
visual.
A mensagem transmitida do projetista para o usuário é composta por signos, isto é,
qualquer coisa que representa algo para alguém (Peirce, 1992). A EngSem classifica os
signos como metalinguísticos, estáticos e dinâmicos (de Souza et al., 2006; de Souza &
Leitão, 2009). Os signos metalinguísticos são signos do sistema que explicam outros signos
da interface, por exemplo, o sistema de ajuda. Os signos estáticos são aqueles que
expressam o estado do sistema e podem ser interpretados independentes de relações
causais ou temporais, por exemplo, botões. Já os signos dinâmicos expressam o
comportamento do sistema, ou seja, estão relacionados aos aspectos temporais e causais
da interface e só podem ser percebidos através da interação com o sistema, por exemplo,
um botão “enviar” tornar-se habilitado após a digitação de texto nos campos obrigatórios (de
Souza et al., 2010). No contexto da interação mediada pelo leitor de tela, ele irá apresentar
os signos codificados visualmente na interface do sistema na forma de áudio. Conforme
discutido por (Carvalho et al., 2019), embora isso altere a forma de apresentação do signo,
sua classificação não é alterada. No entanto, o leitor de tela pode identificar e apresentar
signos que não estão visíveis na interface, mas que fazem parte da codificação do sistema,
como o texto alternativo de uma imagem ou elementos semânticos de uma página HTML.
No intuito de apreciar a qualidade da comunicação entre o designer-usuário a partir
da aplicação do MIS-LT, um avaliador inspeciona o sistema (sem e com um leitor de tela)
com o objetivo de analisá-lo e identificar potenciais problemas de comunicabilidade e
acessibilidade. Esses problemas podem causar rupturas de comunicação na emissão da
metamensagem designer-usuário, comprometendo a qualidade de uso do sistema interativo
para pessoas com deficiência visual.
Assim como o MIS, o MIS-LT consiste em cinco etapas principais para avaliar a
interação de um sistema: (1) análise dos signos metalinguísticos, (2) análise dos signos
https://paperpile.com/c/mbigho/silu
https://paperpile.com/c/mbigho/4YVX
https://paperpile.com/c/mbigho/h0F1
https://paperpile.com/c/mbigho/fvmD
https://paperpile.com/c/mbigho/4YVX+h0F1
https://paperpile.com/c/mbigho/4YVX+h0F1
https://paperpile.com/c/mbigho/FZNy
https://paperpile.com/c/mbigho/FZNy
https://paperpile.com/c/mbigho/silu
estáticos, (3) análise dos signos dinâmicos, (4) contraste e comparação entre as
metamensagens identificadas em cada uma das inspeções e (5) apreciação da qualidade
da metacomunicação. Porém, o MIS-LT complementa a análise do MIS, levando em
consideração a interação mediada pelo leitor de tela. Assim, nas etapas 1, 2 e 3, o
especialista deve ser capaz de reconstruir a metamensagem proposta pelo projetista a partir
dos signos inspecionados, sem e com o uso de um leitor de tela, a fim de compará-las. Na
etapa 4, o especialista contrasta as mensagens geradas para cada forma de interação nos
passos anteriores e, a partir desta análise, gera uma versão unificada da metamensagem
sem e com a mediação do leitor de tela. Nesse ponto, ele também explora a possibilidade
do usuário atribuir significados diferentes a um mesmo signo. Finalmente, na etapa 5, o
especialista gera uma versão unificada da metamensagem e registra a sua apreciação final
da qualidade do sistema, apresentando os problemas de comunicabilidade e acessibilidade
identificados que podem impactar o uso para um usuário com deficiência visual que utiliza
leitores de tela.
Como o MIS e outros métodos de inspeção, o MIS-LT requer uma etapa de
preparação antes de iniciar a análise propriamente dita. Para realizar a preparação, é
necessário definir qual será seu objetivo, realizar uma análise informal do sistema e de seus
objetivos, definir o escopo e foco da avaliação, e elaborar o cenário de interação para guiar
a inspeção. Note que o perfil de usuários de leitores de tela deve seridentificado e
considerado para fornecer ao avaliador melhores condições para interpretar e analisar os
signos codificados na interface. Feita a preparação, o avaliador pode então prosseguir com
a aplicação das etapas do MIS-LT.
2. Condução da Avaliação
O MIS-LT foi aplicado no TudoGostoso em conjunto por quatro inspetores e supervisionado
por dois especialistas. Três inspetores não tinham conhecimento básico do MIS e nem do
uso de leitores de tela. Para isso, eles participaram de duas aulas ministradas por
especialistas da área: a primeira abordou os conceitos de comunicabilidade, EngSem e
aplicação do MIS, e a segunda explicou questões sobre acessibilidade e estratégias de uso
e inspeção de sites com o uso de leitores de tela. As aulas permitiram que os inspetores
adquirissem os conhecimentos básicos necessários para conhecer e aplicar o MIS-LT.
Como nosso foco é na aplicabilidade do MIS-LT e nos resultados de interesse que este
pudesse gerar, optamos por um número maior de avaliadores para podermos fazer uma
triangulação das análises dos pesquisadores para um resultado mais consolidado do
método, ficando menos suscetível a aspectos resultantes de algum caminho interpretativo
adotado por um único avaliador
O leitor de tela NVDA 2019.2 foi selecionado para realizar as inspeções no site
TudoGostoso. O NVDA é compatível com o idioma português brasileiro e é o leitor de tela
mais usado no Brasil por pessoas com deficiência visual (Everis, 2019). Os inspetores
utilizaram as principais estratégias de navegação adotadas por usuários de leitores de tela
para navegar pela interface do sistema e encontrar as informações: navegar pelos títulos da
página, navegar pelos links, navegar pelas regiões da página ou ler toda a página (Everis,
2019). O navegador Google Chrome foi utilizado para as inspeções com o NVDA.
https://paperpile.com/c/mbigho/2aQ7
https://paperpile.com/c/mbigho/2aQ7
https://paperpile.com/c/mbigho/2aQ7
Como era a primeira vez que três dos quatro inspetores aplicavam o MIS-LT, foram
realizadas reuniões de consolidação a cada passo da inspeção do método com a
participação dos inspetores e especialistas. Essas reuniões foram essenciais para validar e
consolidar os dados obtidos, integrando as diferentes perspectivas de cada inspetor sobre
as metamensagens reconstruídas e os problemas encontrados, como uma forma de
identificar contradições para que os diferentes pontos de vista pudessem ser discutidos.
Vale ressaltar que o MIS-LT e o MIS não definem uma metodologia para a consolidação dos
resultados da aplicação quando esta envolve vários avaliadores. Todas as inspeções no
TudoGostoso foram realizadas individualmente entre setembro de 2019 e janeiro de 2020.
Para se aplicar o MIS-LT, primeiramente deve‐se fazer a preparação para sua
aplicação. A aplicação requer que se defina qual será o objetivo da inspeção, se faça uma
inspeção informal do sistema e seja definido o escopo e foco da avaliação. Nas subseções
a seguir são apresentados os quatro passos da etapa de preparação necessários para
aplicar o MIS-LT no site TudoGostoso.
2.1 Objetivo da Inspeção
O objetivo da inspeção foi descrever a solução proposta pelo projetista e identificar
potenciais problemas de comunicabilidade e acessibilidade que impactam a qualidade da
comunicação designer-usuário na interface do site TudoGostoso.
2.2 Inspeção Informal
O site TudoGostoso foi escolhido por vários motivos. Primeiro, ele é um dos maiores
acervos de receitas em português do Brasil. Todas as receitas são enviadas, testadas e
comentadas pelos próprios usuários. O site possui mais de 190 mil receitas para os
diversos paladares, enviadas por mais de 8 milhões de usuários cadastrados (Webedia,
2020). O TudoGostoso também é de interesse para pessoas com deficiência visual que têm
autonomia na cozinha ao preparar receitas ou interesse pelo assunto (Aware, 2020; Zhang,
2016). Segundo, o site foi considerado simples, pois não exige conhecimentos específicos
para que se possa interagir com ele. Terceiro, ele possui diversos elementos interativos na
sua interface, representados por meio dos signos metalinguísticos, estáticos e dinâmicos.
Além disso, foi realizada uma inspeção informal no site com um leitor de tela, que
possibilitou identificar alguns problemas técnicos de tradução (isto é, de acessibilidade) que
podem causar rupturas na comunicação sob o ponto de vista do usuário com deficiência
visual que utiliza leitores de tela. Sendo assim, o estudo de caso nos permite analisar
aspectos relevantes sobre acessibilidade e aqueles que o MIS-LT é capaz de identificar.
O site possui várias páginas com diversas receitas culinárias organizadas em
categorias, como bolos e tortas, carnes, aves, etc. Seu foco principal é divulgar receitas
para as pessoas leigas interessadas em culinária. Os usuários do sistema podem visualizar
e interagir com as receitas publicadas por outras pessoas, criar uma coleção de receitas
favoritas, além de poderem cadastrar suas próprias receitas.
https://paperpile.com/c/mbigho/XwWk
https://paperpile.com/c/mbigho/XwWk
https://paperpile.com/c/mbigho/JVf5+mH8M
https://paperpile.com/c/mbigho/JVf5+mH8M
2.3 Escopo e Foco da Avaliação
Como o TudoGostoso é um site grande e com muito conteúdo, foram selecionadas três
páginas principais para serem avaliadas: a inicial, a de descrição de uma receita e a de
criação de uma nova receita. O blog e as referências às suas matérias, além da seção
“usuários da semana” presente na página inicial, não foram incluídos no escopo da
avaliação, sendo ignorados durante a inspeção. Além disso, as propagandas de terceiros
apresentadas no site também não foram avaliadas. Para isso, foi utilizado um bloqueador
de anúncios no navegador. Embora a inclusão de anúncios seja uma decisão do designer e
impacte a interação, não é parte da solução oferecida pelo sistema com relação ao
compartilhamento de receitas. Por isso, para analisar a aplicabilidade do MIS-LT,
consideramos que o foco nos aspectos diretamente relacionados à solução proposta
poderia gerar resultados mais relevantes sobre o método. O foco da avaliação foi na
qualidade de sua interação com o usuário através da interação sem e com a mediação de
um leitor de tela.
2.4 Cenário
O último passo da preparação foi a geração do cenário. Esse visou delimitar o espaço de
interação com o site TudoGostoso a fim de ajudar os avaliadores a focarem em uma
situação específica de uso do sistema. Para guiar as inspeções e análises realizadas com o
leitor de tela, os inspetores consideraram que o usuário apresentado no cenário fosse uma
pessoa com deficiência visual que possui experiência e utiliza leitores de tela no dia a dia. O
cenário de inspeção elaborado pelos inspetores é apresentado a seguir.
Gabriela é uma técnica administrativa em um escritório de direito. Ela nasceu com
deficiência visual, faz suas atividades com grande independência e utiliza o leitor de tela
NVDA para usar o computador no trabalho e lazer. No seu tempo livre, ela adora cozinhar e
sempre gosta de pesquisar novas receitas na internet. Outro dia, conversando com sua
amiga Ana, esta comentou que utiliza o site TudoGostoso para aprender novas receitas com
o objetivo de prepará-las em casa. Depois que ela reproduz alguma receita disponível no
TudoGostoso, Ana sempre avalia a receita com uma nota e um comentário. Assim, Gabriela
resolve usar também o sistema. Para isso, ela criou um perfil e pretende ver as receitas
disponíveis, e também publicar uma receita que criou recentemente para que outras
pessoas conheçam sua receita.
3. Aplicação da Avaliação
Esta seção apresenta os resultados da aplicação do MIS-LT no site TudoGostoso.
3.1 Etapa 1. Análise dos Signos Metalinguísticos
3.1.1 Passo 1. Interação Sem Leitor de Tela
Neste passo, foi inspecionado os signos metalinguísticos sem a interação de um leitor de
tela, registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo
referência às evidências coletadas. Feito isso, foi reconstruída a metamensagem do
designercom base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.1.1.1 Registros Relevantes Sobre os Signos
Os signos metalinguísticos estão mais presentes na parte de cadastro de uma receita,
onde, de fato, existe uma interação maior do usuário com o sistema para preencher os
campos do formulário. Para favoritar, enviar fotos, avaliar e comentar uma receita publicada
no site ou enviar uma nova receita, o usuário deve acessar sua conta no TudoGostoso. O
sistema exibe mensagens claras e explicativas durante o processo de cadastro de uma
nova receita.
Os tooltips presentes no sistema explicam aos usuários ações (favoritar receita,
enviar fotos da receita, imprimir receita, compartilhar receita nas redes sociais e outros)
representadas apenas por ícones. Eles também aparecem quando o usuário posiciona o
cursor do mouse sobre o título de uma receita ou de um artigo do blog. Nesses casos, o
tooltip apenas repete o título da receita, não trazendo nenhuma informação nova.
A seção “sobre”, presente no rodapé das páginas do site TudoGostoso, possui links
para as páginas de “termos de uso e política de privacidade”, “anuncie” e “contato”. Esses
links não informam exatamente sobre como o usuário deve utilizar o sistema, logo não
foram caracterizados como signos metalinguísticos.
3.1.1.2 Conteúdo da Metacomunicação
● Quem você é? Você é alguém que fala português (todas as instruções e
explicações do site estão em português), possui acesso à internet e tem interesse
por culinária (várias instruções e explicações do site se referem às receitas);
● O que quer ou precisa fazer? Você deseja pesquisar [M11], enviar [M9], avaliar
[M1], favoritar [M3], imprimir [M3], compartilhar [M3] e comentar [M4 e M5] receitas
do site TudoGostoso. Você pode enviar suas fotos de uma receita publicada no site
[M3] e precisa acessar sua conta do site TudoGostoso [M12];
● Formas que você pode ou deve utilizar o sistema. Você pode ver e buscar
receitas [M11] (através de vídeos [M2], mostrando como realizá-las, ou como uma
receita apresentada de forma textual). Além disso, você pode favoritar uma receita
publicada no site [M3]; enviar fotos do prato que você fez, seguindo alguma receita
[M3]; avaliar uma receita [M1]; escrever comentários nas receitas publicadas no site
[M4 e M5]; e enviar uma nova receita [M9]. Para isso, é necessário que você crie
uma conta ou faça o login [M1 e M12]. Para cadastrar uma nova receita, você deve
necessariamente informar [M10] o nome da receita, seu tempo de preparo em
minutos, número de porções que serve, sua categoria [M8], ingredientes [M7] e
modo de preparo. Você também pode incluir até 6 fotos da receita (desde que
tiradas por você) como uma informação opcional [M6 e M9]. Note que você deve
seguir instruções específicas associadas aos campos a serem preenchidos [M6, M7
e M9]. Em relação a uma receita específica publicada no site, você também pode
imprimi-la ou ainda compartilhá-la em diferentes redes sociais (Facebook, Twitter e
Pinterest) [M3] sem a necessidade de acessar sua conta no TudoGostoso. Vale
ressaltar que as informações cadastradas na receita e no seu comentário devem ser
aprovadas e podem ser formatadas pela equipe do TudoGostoso [M5 e M9].
3.1.1.3 Evidências
Evidência M1. Mensagem de alerta ao tentar avaliar uma receita sem realizar o login.
Evidência M2. Tooltip sobre o vídeo de uma receita.
Evidência M3. Tooltips representando ações diversas relacionadas a uma receita.
Evidência M4. Instrução no campo de formulário para comentar em uma receita.
Evidência M5. Mensagem de sucesso ao enviar um comentário.
Evidência M6. Informações sobre como o usuário pode e deve adicionar fotos à receita.
Evidência M7. Informações sobre como o usuário deve escrever os ingredientes.
Evidência M8. Campo de seleção de categoria da receita.
Evidência M9. Instruções que o usuário deve seguir antes de enviar a receita.
Evidência M10. Mensagens de erro ao cadastrar uma nova receita.
Evidência M11. Campo de formulário para encontrar uma receita.
Evidência M12. Login e cadastro do sistema.
3.1.1.4 Problemas Encontrados
● Um potencial problema pode ocorrer com textos que apresentam tons de cores
parecidas mas com finalidades distintas. No processo de cadastro de uma receita
são utilizados textos na cor laranja (para indicar instruções) [M7] e na cor vermelha
(para indicar mensagens de erro) [M10]. Como não existe outra diferenciação visual
do conteúdo textual, além da cor, o usuário pode se confundir devido aos tons
parecidos das cores laranja e vermelho;
● No campo de busca está escrito: “encontre uma receita” [M11]. Pode não ficar claro
para o usuário quais são as informações que ele pode entrar para a busca, como o
nome da receita ou determinado ingrediente;
● O sistema só informa que os campos do formulário para enviar uma receita são
obrigatórios após o usuário tentar enviar uma receita sem preencher os campos
[M10].
3.1.2 Passo 2. Interação Mediada por Leitor de Tela
Neste passo, foi inspecionado os signos metalinguísticos com a interação de um leitor de
tela, registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo
referência às evidências coletadas. Feito isso, foi reconstruída a metamensagem do
designer com base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.1.2.1 Registros Relevantes Sobre os Signos
Vários signos metalinguísticos identificados na análise sem a mediação do leitor de tela não
foram identificados e apresentados de forma satisfatória através do leitor de tela. Os signos
metalinguísticos que indicam as ações de favoritar, enviar foto e imprimir receita não foram
verbalizadas corretamente.
O formulário de cadastro de uma receita contém signos metalinguísticos que são
representados de forma textual em 3 cores distintas: vermelho (mensagens de erro), laranja
(instruções e dicas) e cinza (instruções e dicas). O leitor de tela não identificou e não
apresentou nenhuma informação que diferencia os conteúdos através da cor do texto.
Para favoritar, enviar fotos, avaliar, comentar e enviar uma receita, o usuário deve
acessar sua conta do TudoGostoso. Entretanto, essa obrigatoriedade só é informada de
forma clara (através de um alerta explicativo) quando o usuário tenta avaliar ou enviar fotos
de uma receita. Neste caso, não existe uma consistência nas apresentações das
mensagens para que o usuário acesse sua conta. O sistema exibe mensagens bem claras
para o usuário durante o cadastro de uma nova receita.
3.1.2.2 Conteúdo da Metacomunicação
● Quem você é? Você é alguém com deficiência visual que utiliza um leitor de tela
(essa informação representa o contexto de uso do sistema), fala português (todas as
instruções e explicações do site estão em português), possui acesso à internet e tem
interesse por culinária (várias instruções e explicações do site se referem às
receitas);
● O que quer ou precisa fazer? Você deseja pesquisar [ML1], enviar [ML8], avaliar
[ML3], compartilhar [ML2], comentar [ML10] e ver detalhes de receitas do site
TudoGostoso. Você também precisa acessar sua conta do site TudoGostoso [ML4];
● Formas que você pode ou deve utilizar o sistema. Você pode acessar as receitas
do TudoGostoso através do site utilizando diversas estratégias de navegação do
leitor de tela (por exemplo, navegação por regiões, títulos, links linhas, etc.). Você
pode buscar receitas no site através de um campo de edição texto, que possui a
opção de autocompletar [ML1]. Você pode enviar [ML8], avaliar [ML3] e comentar
[ML10] em uma receita caso acesse sua conta no site TudoGostoso [ML4 e ML9].
Para enviar sua receita para o site você deve necessariamente [ML7] informar o
nome da receita, seu tempo de preparo em minutos, número de porções que serve,
sua categoria, ingredientes [ML6] e modo de preparo. Você também pode incluir até
6 fotos da receita (desde que tiradas por você) como uma informação opcional
[ML5]. Note que você deve seguir instruções específicasassociadas aos campos a
serem preenchidos [ML8]. Após enviar a receita, você deve retornar ao início da
página (utilizando as estratégias de navegação do leitor de tela) para saber se sua
receita foi enviada ou se possui erros que devem ser corrigidos [ML7]. Você também
pode escrever e enviar seu comentário para uma receita publicada no site. Após
enviar seu comentário, você deve utilizar estratégias de navegação do leitor de tela
(como o comando “seta para cima”) para acessar a linha de texto anterior e
conseguir acessar a mensagem de sucesso ou de falha de envio do comentário
[ML11]. Vale ressaltar que as informações cadastradas no seu comentário e na sua
receita devem ser aprovadas e podem ser formatadas pela equipe do TudoGostoso
[ML8 e ML11]. Por fim, você também pode compartilhar as receitas nas redes sociais
Facebook, Twitter e Pinterest sem acessar sua conta no site [ML2].
3.1.2.3 Evidências
Para as evidências associadas ao leitor de tela, é apresentado o trecho da tela em questão,
assim como a transcrição do leitor de tela usado na inspeção. Cada linha da transcrição
representa a leitura de uma linha de conteúdo, ou seja, cada linha é lida a partir de uma
nova interação com a interface do sistema a partir do leitor de tela.
encontre uma receita edição possui autocompletar
em branco
buscar botão
Evidência ML1. Campo de formulário para encontrar uma receita.
fora de lista link gráfico menos
galeria enviar foto igual um visitado link
visitado link gráfico
clicável
setenta e dois mil e trezentos e treze pão caseiro fácil link compartilhe no Facebook
setenta e dois mil e trezentos e treze pão caseiro fácil link compartilhe no Twitter
setenta e dois mil e trezentos e treze pão caseiro fácil link compartilhe no Pinterest
Evidência ML2. Botões com ações de favoritar, enviar foto, imprimir e compartilhar uma
receita nas redes sociais.
quatrocentos e quarenta e nove quatro ponto cinco
avalie essa receita
Evidência ML3. Estrelas que representam a nota da receita.
botão close
para avaliar essa receita você precisa fazer login
visitado link entrar
visitado link cadastrar
Evidência ML4. Mensagem de alerta para realizar o login ao tentar avaliar uma receita.
a remover imagens
arraste para enviar fotos da receita você pode enviar até seis fotos (pausa) opcional
Evidência ML5. Instruções sobre como o usuário pode adicionar fotos na sua receita.
escreva cada ingrediente por linha e (pausa) para separar (pausa) não use hífen (pausa)
numeração ou outro marcador
Evidência ML6. Instruções sobre como o usuário deve escrever os ingredientes.
favor inserir o nome da receita
favor inserir o tempo de preparo da receita (pausa) minutos (pausa)
favor inserir o número de porções que a receita serve
favor selecionar uma categoria
favor inserir os ingredientes da receita
favor inserir o modo de preparo da receita
Evidência ML7. Mensagens de erro ao enviar uma receita sem informações.
fora de edição título nível dois antes de enviar
lista com três itens
bolinha revise sua receita para ter certeza que as quantidades estão corretas e todos os
itens estão
listados
bolinha por favor (pausa) só envie fotos tiradas por você (pausa) fotos tiradas da internet
não serão aceitas e você
ainda corre o risco de ter seu cadastro removido do site
bolinha as informações serão posteriormente formatadas pelo time do TudoGostoso
fora de lista botão enviar receita
Evidência ML8. Instruções que o usuário deve seguir antes de enviar sua receita.
entre com a sua conta no TudoGostoso
e-mail edição submenu exigido entrada inválida possui autocompletar
senha edição protegido exigido entrada inválida
botão entrar
Evidência ML9. Login na conta do TudoGostoso.
título nível três comentários
edição multilinha o que você achou dessa receita?
fora de edição link enviar comentário
Evidência ML10. Enviar comentário para uma receita publicada no site.
obrigado pela participação o seu comentário foi enviado e passará por aprovação antes
de estar
visível para todos
link void (pausa) zero (pausa)
Evidência ML11. Mensagem de sucesso ao enviar um comentário.
3.1.2.4 Problemas Encontrados
● O sistema não informa ao usuário as possibilidades de favoritar uma receita, enviar
suas fotos da receita e nem a opção de imprimi-la, impossibilitando que os usuários
com deficiência utilizem essa funcionalidade [ML2]. São falados termos que não
fazem sentido para o usuário, como “fora de lista link gráfico mais” para adicionar
uma receita aos favoritos, “fora de lista link gráfico menos” para remover uma receita
dos favoritos, “galeria enviar foto igual um visitado link” para enviar as fotos do
usuário de uma receita e “visitado link gráfico clicável” para imprimir uma receita;
● O sistema informa valores e códigos sem sentido para alguns componentes de
interface que podem confundir o usuário. É importante mencionar que o leitor de tela
identifica e verbaliza vários elementos que compõem um componente de interface,
sejam eles visíveis ou ocultos na interface. Para compartilhar uma receita no Twitter
através de um botão visível na interface, o leitor de tela verbaliza “setenta e dois mil
e trezentos e treze pão caseiro fácil link compartilhe no Twitter”. Neste caso, o
código “setenta e dois mil e trezentos e treze” não faz parte do componente visível
na interface, não traz informação relevante ao usuário cedo e, por isso, pode
confundi-lo. Outros elementos sem significado e visualmente ocultos na interface
também são apresentados pelo leitor de tela, como “void (pausa) zero (pausa)”, para
fechar uma caixa de diálogo [ML11], e “x remover imagens”, para remover imagens
durante o cadastro de uma receita, porém esta ação ainda não é possível de ser
realizada neste momento, visto que nenhuma imagem foi adicionada ainda [ML5].
Além disso, é habitual que “x” indique uma ação de fechar, porém o leitor de tela
apenas fala “x”, podendo confundir as pessoas com deficiência visual;
● Mensagens de erro ao preencher o formulário de cadastro de receita não são
identificadas e verbalizadas automaticamente pelo leitor de tela, ou seja, quando o
usuário aciona o botão “enviar receita” [ML8], o leitor de tela não fornece nenhum
feedback sobre as mensagens de erro. Além disso, as mensagens de erro são
apresentadas em um local muito distante do botão “enviar receita”, dificultando sua
identificação pelo usuário através do leitor de tela [ML7]. Sendo assim, é necessário
que o usuário vasculhe toda a página através do comandos do leitor de tela para
saber que existem mensagens de erro e quais são elas [ML7];
● O sistema só informa que os campos do formulário para enviar uma receita são
obrigatórios após os usuários de leitores de tela tentarem enviar uma receita sem
preencher os campos [ML7];
● O TudoGostoso possui um sistema de avaliação de receitas baseado em cinco
estrelas. Sempre que o usuário acessa a página de alguma receita, é possível
avaliá-la. A avaliação é feita com estrelas, onde o usuário pode atribuir 1 (nota mais
baixa) ou 5 estrelas (nota mais alta) para a receita em questão. Uma receita com 4
estrelas e meia é apresentada com a nota “quatro ponto cinco” pelo leitor de tela
[ML3]. Entretanto, o leitor de tela identifica e apresenta uma informação a mais que
não está visível na interface da avaliação em questão: “quatrocentos e quarenta e
nove”. Talvez esse número represente a quantidade de votantes, porém o leitor de
tela não oferece mais informações que confirmem essa suposição, podendo deixar
os usuários confusos. Vale ressaltar que cada receita pode apresentar um número
diferente, como “2”, “16”, “1150” e “1530”, e que não existe a diferenciação clara
deste número para a nota da receita.
3.1.3 Passo 3. Contraste da Metamensagem
Na interação sem a mediação do leitor de tela, os signos metalinguísticos são utilizados
corretamente para apresentar instruções ou explicações sobre a interface do site. A maior
parte dos signos metalinguísticos estão presentes no formulário de envio de receita [M6,
M7, M8, M9 e M10], onde o usuário podeconhecer as formas de preencher os campos.
No processo de mediação pelo leitor de tela, várias informações que estão
disponíveis visualmente para os usuários se perdem (isto é, o leitor de tela, por um motivo
ou outro, não consegue apresentá-las), resultando em uma perda de trechos da
metamensagem transmitida pelo designer aos usuários, como a capacidade de favoritar,
imprimir e enviar fotos de receitas [ML2]. Além disso, as informações visuais presentes nos
tooltips também são quase todas perdidas. O usuário com deficiência visual praticamente
só tem acesso aos tooltips que informam as redes sociais [ML2].
Identificou-se também que o usuário de leitor de tela precisa, algumas vezes,
navegar de forma demasiada pelo site para acessar instruções e explicações após realizar
determinada ação, uma tarefa simples para quem não utiliza leitores de tela. Para que um
usuário com deficiência visual consiga acessar as mensagens de erro ao submeter uma
receita, por exemplo, é necessário que ele vasculhe a página com o leitor de tela. Dois
problemas foram identificados neste exemplo: 1) não é fornecido um feedback automático
após o usuário enviar sua receita com erros e 2) as mensagens de erro são apresentadas
em um local muito distante do botão de “enviar receita”, dificultando que o usuário
encontre-as [ML7]. Esse feedback automático também não é fornecido ao enviar um
comentário [ML11].
3.2 Etapa 2. Análise dos Signos Estáticos
3.2.1 Passo 1. Interação Sem Leitor de Tela
Neste passo, deve-se inspecionar os signos estáticos sem a interação de um leitor de tela,
registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo referência
às evidências coletadas. Feito isso, deve‐se fazer a reconstrução da metamensagem do
designer com base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.2.1.1 Registros Relevantes Sobre os Signos
O sistema apresenta alguns signos estáticos através de ilustrações e desenhos que
geralmente não são encontrados pelos usuários em outros sistemas. Para que essas
figuras não causem dúvidas aos usuários, frequentemente é apresentada uma explicação
próxima à ela, como parte do signo estático.
3.2.1.2 Conteúdo da Metacomunicação
● Quem você é? Você é um usuário que fala português (todos os textos do site estão
em português), possui acesso à internet e tem interesse em saber mais sobre
receitas ou informações relacionadas à comida [E1];
● O que quer ou precisa fazer? Você deseja escolher uma receita para preparar ou
também publicar alguma de sua autoria [E3 e E4]. Você pode acessar receitas de
formas diferentes, como uma que seja de uma categoria específica [E1], que esteja
em destaque no site momentaneamente [E6 e E7] ou através de uma pesquisa [E3].
Você pode querer visualizar uma receita, apreciando seus ingredientes [E19], tempo
e modo de preparo [E14 e E20], rendimento [E15] e suas fotos ou vídeos [E13], se
disponíveis. Caso deseje, você pode dar o feedback em uma receita através de uma
nota [E12] ou de um comentário [E21], adicioná-la à sua lista de favoritos [E8] e
enviar fotos da receita que você preparou [E9]. Você também quer imprimir [E10] e
compartilhar receitas em suas redes sociais [E11];
● Formas que você pode ou deve utilizar o sistema. Qualquer pessoa pode ver,
procurar [E3] e ter o detalhamento das receitas. A busca pelas receitas pode ser
feita tanto por uma busca por alguma palavra-chave [E3] ou através das várias
categorias [E1] que estão disponíveis para classificar as receitas. Além disso, o
sistema ou a equipe do TudoGostoso selecionou algumas receitas que foram
apresentadas como destaque [E6 e E7]. Para cada receita você pode ver as
instruções de como fazê-la (ingredientes [E19], tempo [E14] e modo de preparo
[E20], número de porções que rende [E15], além de muitas vezes ter disponível
também foto ou vídeo [E13] sobre a receita). Além disso, você tem informação de
quem enviou a receita [E18], quantas pessoas a incluíram na lista de favoritos [E16]
e comentários de outros usuários [E17]. Você pode ainda imprimir [E10] a receita ou
compartilhá-la em algumas de suas redes sociais (Facebook, Twitter e Pinterest)
[E11]. Se você acessar sua conta, você pode também avaliar receitas [E12], enviar
comentários sobre sua experiência ao fazer alguma receita [E21] e fotos de como
ficou o seu prato [E9]. Além disso, criando sua conta [E2], você pode compartilhar
suas receitas [E4] e adicionar receitas a uma lista contendo suas receitas favoritas
[E5 e E8]. Para criar suas receitas você deve informar nome da receita [E23], tempo
de preparo [E25], rendimento (porções) [E26], categoria (uma entre as disponíveis:
peixes, carnes, etc) [E27], lista de ingredientes [E28], o modo de preparo [E29] e se
quiser até seis fotos [E24], além de poder conferir uma tabela de referências de
medidas dos ingredientes [E30].
3.2.1.3 Evidências
Evidência E1. Menu de navegação do site.
Evidência E2. Login e cadastro no site TudoGostoso.
Evidência E3. Campo de pesquisa de receitas.
Evidência E4. Enviar receita.
Evidência E5. Visualizar as receitas favoritas do usuário.
Evidência E6. Receita em destaque na página inicial do site.
Evidência E7. Mais destaques.
Evidência E8. Favoritar receita.
Evidência E9. Enviar fotos da receita.
Evidência E10. Imprimir receita.
Evidência E11. Compartilhar receita das redes sociais.
Evidência E12. Avaliar receita.
Evidência E13. Slideshow com fotos e vídeos da receita.
Evidência E14. Tempo de preparo de uma receita.
Evidência E15. Rendimento de uma receita.
Evidência E16. Número de favoritos de uma receita.
Evidência E17. Número de comentários de uma receita.
Evidência E18. Usuário que publicou a receita.
Evidência E19. Ingredientes
Evidência E20. Modo de preparo.
Evidência E21. Comentários de uma receita.
Evidência E22. Responder um comentário.
Evidência E23. Nome da receita.
Evidência E24. Fotos da receita.
Evidência E25. Tempo de preparo da receita em minutos.
Evidência E26. Número de porções da receita.
Evidência E27. Menu de seleção da categoria da receita.
Evidência E28. Ingredientes da receita.
Evidência E29. Modo de preparo da receita.
Evidência E30. Tabela de medidas.
3.2.1.4 Problemas Encontrados
● O signo que representa a função para responder um comentário [E22] pode não ficar
muito claro para um usuário leigo do que se trata, gerando dúvidas;
● Um potencial problema pode acontecer com os campos de texto e seleção com
preenchimento obrigatório no formulário de cadastro de uma nova receita. Não fica
explícito para o usuário que os campos nome da receita [E23], tempo de preparo
[E25], número de porções [E26], ingredientes [E28] e modo de preparo [E29], além
da seleção da categoria [E27], são obrigatórios. Isso pode confundir o usuário, visto
que o envio de fotos é apresentado explicitamente como opcional [E24] e nada é dito
sobre os campos obrigatórios.
3.2.2 Passo 2. Interação Mediada por Leitor de Tela
Neste passo, deve-se inspecionar os signos estáticos com a interação de um leitor de tela,
registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo referência
às evidências coletadas. Feito isso, deve‐se fazer a reconstrução da metamensagem do
designer com base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.2.2.1 Registros Relevantes Sobre os Signos
Os signos aqui analisados foram as figuras e textos presentes no site. Vale ressaltar que
alguns signos identificados na interação sem a mediação do leitor de tela não foram
apresentados pelo leitor, impedindo o usuário de imprimir, favoritar e enviar fotos de uma
receita que ele preparou.
3.2.2.2 Conteúdo da Metacomunicação
● Quem você é? Você é um usuário com deficiência visual (essa informação
representa o contexto de uso do sistema) que fala português (a maioria das
traduções realizadas pelo leitor estão em português), com acesso à internet e tem
interesse em saber mais sobre receitas ou informações relacionadas à comida [EL1];
● O quequer ou precisa fazer? Você deseja escolher uma receita para preparar ou
também publicar alguma de sua autoria [EL4]. Você pode acessar receitas de formas
diferentes, como uma que seja de uma categoria específica [EL1], que esteja em
destaque no site momentaneamente [EL6 e EL7] ou através de uma pesquisa [EL3].
Você pode querer acessar uma receita apreciando seus ingredientes [EL19], tempo
e modo de preparo [EL19 e EL20], rendimento [EL15] e sua foto ou vídeo [EL13], se
disponível. Caso deseje, você pode dar o feedback em uma receita através de uma
nota [EL12] ou de um comentário [EL21]. Você também pode compartilhar receitas
em suas redes sociais [EL11];
● Formas que você pode ou deve utilizar o sistema. Qualquer pessoa pode
acessar, procurar [EL3] e ter o detalhamento das receitas. A busca pelas receitas
pode ser feita tanto por uma busca por alguma palavra [EL3] ou através das várias
categorias [EL1] que estão disponíveis para classificar as receitas. Além disso, o
sistema ou a equipe do TudoGostoso selecionou algumas receitas que foram
apresentadas como destaque [EL6 e EL7]. Para cada receita você pode ver as
instruções de como fazê-la (ingredientes [EL19], modo de preparo [EL20], tempo de
preparo [EL14], número de porções que rende [EL15], além de muitas vezes ter
disponível um vídeo sobre a receita que pode ser ouvido [EL13]). Além disso, você
tem informação de quem enviou a receita [EL18] e comentários de outros usuários
[EL17]. Você pode ainda compartilhar uma receita em algumas de suas redes
sociais (Facebook, Twitter e Pinterest) [EL11]. Se você acessar sua conta, você pode
também avaliar receitas [EL12] e enviar comentários sobre sua experiência ao fazer
alguma receita [EL21]. Além disso, criando sua conta, você pode compartilhar suas
receitas [EL4]. Para criar suas receitas você deve informar nome da receita [EL23],
tempo de preparo [EL25], rendimento (porções) [EL26], categoria (uma entre as
disponíveis: peixes, carnes, etc) [EL27], lista de ingredientes [EL28], o modo de
preparo [EL29] e se quiser até seis fotos [EL24].
3.2.2.3 Evidências
Para as evidências associadas ao leitor de tela, é apresentado o trecho da tela em questão,
assim como a transcrição do leitor de tela usado na inspeção. Cada linha da transcrição
representa a leitura de uma linha de conteúdo, ou seja, cada linha é lida a partir de uma
nova interação com a interface do sistema a partir do leitor de tela.
fora de lista navegação marco lista com quatorze itens visitado link bolos e
visitado link tortas
visitado link carnes
link aves
link peixes e frutos
link do mar
link saladas e
link molhos
visitado link sopas
link massas
link bebidas
link doces e
link sobremesas
link lanches
link alimentação saudável
visitado link vídeos
visitado link todas as
visitado link receitas
visitado link chefs
visitado link TudoGostoso
Evidência EL1. Menu de navegação do site.
lista com dois itens cadastre-se gráfico cadastre-se visitado link
entrar gráfico entrar visitado link
Evidência EL2. Login e cadastro no site TudoGostoso.
campo de pesquisa de receita edição possui autocompletar
encontre uma receita
em branco
buscar botão
Evidência EL3. Campo de pesquisa de receitas.
enviar sua receita visitado link
Evidência EL4. Enviar receita.
clicável lista com dois itens receitas favoritas gráfico receitas favoritas visitado link
foto do usuário gráfico Pedro link
Evidência EL5. Visualizar as receitas favoritas do usuário.
fora de lista clicável gráfico empada doce
Evidência EL6. Receita em destaque na página inicial do site.
visitado link gráfico empadão de frango delicioso
visitado link título nível quatro lanches
visitado link título nível quatro empadão de frango delicioso
visitado link por TudoGostoso gráfico blank cento e sessenta e seis mil e duzentos e
quarenta e dois
visitado link gráfico receitas de empadas que derretem na boca (pausa) veja quinze
opções
visitado link vinte e dois barra zero um barra dezenove
visitado link título nível quatro receitas de empadas que derretem na boca (pausa) veja
quinze opções
título nível dois mais destaques
visitado link gráfico macarrão de panela de pressão
visitado link título nível quatro massas
visitado link título nível quatro macarrão de panela de pressão
visitado link por TudoGostoso gráfico blank três mil e setecentos e sessenta
visitado link gráfico caldo verde
visitado link título nível quatro sopas
visitado link título nível quatro caldo verde
visitado link por TudoGostoso gráfico blank noventa e seis mil e seiscentos e trinta e um
visitado link rápida
link gráfico chocolate quente cremoso
link título nível quatro bebidas
link título nível quatro chocolate quente cremoso
link por Fernanda gráfico blank duzentos e cinquenta e três mil e duzentos e vinte e dois
link gráfico sopa de legumes com macarrão
link título nível quatro sopas
link título nível quatro sopa de legumes com macarrão
link por Caroline gráfico blank vinte e seis mil e setecentos e oitenta e nove
link gráfico dadinho de tapioca
link título nível quatro saladas (pausa) molhos e acompanhamentos
link título nível quatro dadinho de tapioca
link por Tati favaro gráfico blank oito mil e oitocentos e oitenta e seis
link gráfico couve flor frita
link título nível quatro saladas (pausa) molhos e acompanhamentos
link título nível quatro couve flor frita
link por Bianca gráfico blank onze mil e seiscentos e setenta e um
Evidência EL7. Mais destaques.
link gráfico mais
Evidência EL8. Favoritar receita.
galeria enviar foto igual um link
Evidência EL9. Enviar fotos da receita.
clicável
Evidência EL10. Imprimir receita.
lista com três itens trezentos e cinco mil quinhentos e vinte e dois bolo mesclado link
compartilhe no Facebook
trezentos e cinco mil quinhentos e vinte e dois bolo mesclado link compartilhe no Twitter
trezentos e cinco mil quinhentos e vinte e dois bolo mesclado link compartilhe no Pinterest
Evidência EL11. Compartilhar receita das redes sociais.
três mil e noventa quatro ponto cinco
avalie essa receita
Evidência EL12. Avaliar receita.
clicável lista com seis itens brigadeiro receitas TudoGostoso frame aplicativo reprodutor
de vídeo
fora de frame gráfico imagem enviada por TudoGostoso
foto (pausa) TudoGostoso
um barra seis
gráfico imagem enviada por Alicia Sell
foto (pausa) Alicia Sell
um barra seis
gráfico imagem enviada por TudoGostoso
foto (pausa) TudoGostoso
um barra seis
gráfico Imagem enviada por TudoGostoso
foto (pausa) TudoGostoso
um barra seis
gráfico imagem enviada por Noemi Coutinho
existem cento e quarenta fotos
link veja todas as fotos desta receita
fora de lista botão indisponível previous slide
botão next slide
Evidência EL13. Slideshow com fotos e vídeos da receita.
preparo vinte e cinco min pt vinte e cinco m
Evidência EL14. Tempo de preparo de uma receita.
rendimento
trinta poções
Evidência EL15. Rendimento de uma receita.
favoritos
cento e oitenta e dois mil e vinte e nova
Evidência EL16. Número de favoritos de uma receita.
comentários
quatro mil e trinta e nove
Evidência EL17. Número de comentários de uma receita.
gráfico foto do usuário
link TudoGostoso
membro desde dois mil e cinco
Evidência EL18. Usuário que publicou a receita.
título nível dois ingredientes
lista com quatro itens bolinha
uma caixa link de leite condensado
bolinha uma colher (pausa) sopa (pausa) de margarina sem sal
bolinha sete colheres (pausa) sopa (pausa) de achocolatado ou quatro colheres (pausa)
sopa (pausa) de chocolate em pó
bolinha chocolate granulado
Evidência EL19. Ingredientes
fora de lista título nível dois modo de preparo
lista com três itens um
em uma panela funda (pausa) acrescente o leite condensado (pausa) a margarina e o
chocolate em pó
dois
cozinhe em fogo médio e mexa até que o brigadeiro comece a desgrudar da panela.
três
deixe esfriar e link faça pequenas bolas com a mão passando a massa no chocolate
granulado
Evidência EL20. Modo de preparo.
título nível três comentários
edição multilinha o que você achou dessa receita?
fora de edição link enviar comentáriolista com dez itens gráfico foto do usuário
link Victor
em trinta barra zero um barra vinte
mas qual eu posso usar achocolatado nescau ou toddy?
clicável
gráfico foto do usuário
link Maria C
em vinte e nova barra doze barra dezenove
muito bom (pausa) enrolei com cacau em pó pra ficar menos doce e tbm prefiro do q o
granulado (pausa) fica a
ideia para vcs tb
clicável
Evidência EL21. Comentários de uma receita.
clicável
Evidência EL22. Responder um comentário.
nome da receita edição
nome da receita
em branco
Evidência EL23. Nome da receita.
clicável x remover imagens
arraste para enviar fotos da receita você pode enviar até seis fotos (pausa) opcional
adicionar fotos
tempo de preparo
Evidência EL24. Fotos da receita.
tempo de preparo
botão de rotação editável
minutos
Evidência EL25. Tempo de preparo da receita em minutos.
porções
botão de rotação editável
porções
Evidência EL26. Número de porções da receita.
caixa de combinação recolhido escolha uma categoria
Evidência EL27. Menu de seleção da categoria da receita.
título nível dois ingredientes
escreva cada ingrediente por linha e (pausa) para separar (pausa) não use hífen (pausa)
numeração ou outro marcador
caixa de texto de ingredientes edição multilinha ex (pausa) zero três ovos
Evidência EL28. Ingredientes da receita.
título nível dois modo de preparo
descreva os passos por linha e (pausa) para separar (pausa) não use hífen (pausa)
numeração ou outro marcador
caixa de texto do modo de preparo edição multilinha ex (pausa) bata todos os
ingredientes
Evidência EL29. Modo de preparo da receita.
gráfico leite
título nível dois líquidos
leite (pausa) água (pausa) óleo (pausa) bebidas alcoólicas (pausa) café et cetera
gráfico xícara
uma xícara igual
duzentos e quarenta mililitros
gráfico colher
uma colher (pausa) sopa (pausa) igual
quinze mililitros
gráfico colher
uma colher (pausa) chá (pausa) igual
cinco mililitros
gráfico chocolate
título nível dois chocolate em pó
(pausa) cacau em pó
gráfico xícara
uma xícara igual noventa g
gráfico colher
uma colher (pausa) sopa (pausa) igual seis g
gráfico manteiga
título nível dois manteiga
ou margarina
gráfico xícara
uma xícara igual duzentos mililitros
gráfico colher
uma colher (sopa) igual quinze mililitros
gráfico açúcar
título nível dois açúcar
gráfico xícara
uma xícara igual cento e oitenta g
gráfico colher
uma colher (pausa) sopa (pausa) igual doze g
gráfico trigo
título nível dois farinha de trigo
gráfico xícara
uma xícara igual cento e vinho g
gráfico colher
uma colher (pausa) sopa (pausa) igual sete vírgula cinco g
botão close
Evidência EL30. Tabela de medidas.
3.2.2.4 Problemas Encontrados
● O usuário perde algumas informações dos labels, que indicam o que deve ser
inserido em cada campo na página de cadastro de receita, pois dada a navegação
pelos campos, os últimos labels ficam inacessíveis ao utilizar as estratégias de
navegação por links (tecla “tab”) e linhas (setas para cima e seta para baixo) [EL23,
EL26, EL28 e EL29];
● Muitos signos estáticos simplesmente não possuem uma tradução bem feita para
ser compreendida pelo usuário, como o ícone de coração (que indica quantas
pessoas favoritaram essa receita) [EL7], ícone de seta (que permite o usuário
responder um comentário) [EL22], ícone de coração com um mais (que permite o
usuário favoritar uma receita) [EL8], ícone de impressora (que permite o usuário
imprimir uma receita) [EL10] e ícone de uma câmera com um símbolo de mais (+)
(que permite o usuário enviar as fotos da receita que preparou) [EL9]. Esses
elementos são lidos sem informar seu significado, deixando o usuário cego sem
informação sobre seu significado, impedindo que realizar todas as ações
mencionadas;
● Em relação às “receitas favoritas” do usuário, existem momentos no sistema em que
essa funcionalidade é apresentada pelo leitor de tela, como no menu de navegação
[EL5] e no detalhamento da receita [EL16], porém o usuário não consegue adicionar
uma receita à sua lista de favoritos pois não tem acesso à essa funcionalidade
devido a falta de uma descrição para o ícone de favoritar receita;
● O vídeo apresentado na tela inicial sobre uma receita que está em destaque [EL6]
não oferece informações suficientes para que o usuário com deficiência visual
consiga entender o que se passa por duas razões. A primeira é que durante a
inspeção, o leitor de tela fala “link gráfico” mas não explicita qual é o seu tipo, se é
uma imagem ou um vídeo que está diante do usuário. A segunda está relacionada a
ausência de narração dos videos (presente em vários vídeos) que apresentam dos
ingredientes e modo de preparo apenas de forma textual e visual;
● São apresentados alguns termos em inglês, como “botão close” para fechar uma
caixa de diálogo [EL30]. Tais termos em outro idioma podem confundir o usuário,
visto que ele fala português pois todas as instruções e explicações do site estão em
português;
● O leitor de tela não reconhece o botão que permite visualizar a tabela de medidas,
impedindo que os usuários acessem tal informação [EL30].
3.2.3 Passo 3. Contraste da Metamensagem
As metamensagens obtidas nas inspeções com e sem o leitor de tela não são totalmente
consistentes. Na inspeção sem o leitor, foram encontrados grande número de informações
que auxiliam os usuários a navegarem pelo TudoGostoso e a atingir os objetivos para os
quais foi desenvolvido.
Na inspeção com uso do leitor de tela, por sua vez, há uma perda de informações
como em [EL6], onde a perda de informação se caracteriza por não fornecer ao usuário
informações que o leve até o vídeo da receita; em [EL7] o leitor não informa que o ícone
representado diz respeito ao número de vezes em que aquela receita foi favoritada; em
[EL10] não é dito que, a partir daquele signo pode-se imprimir uma receita. Já em [EL8] não
é informado que se pode adicionar a receita aos seus favoritos. Em [EL13], ao apresentar o
nome dos componentes em inglês, “previous” e “next”, ocorre uma ruptura de comunicação,
uma vez que os usuários são pessoas que falam português e tais termos podem não ser
familiares para ele. Já as pessoas que não utilizam leitores de tela não encontram
problemas ao avançar ou retroceder o slideshow. Em [EL18] o leitor fala o nome mas não é
informado que se trata do nome do criador da receita, essa ruptura ocorre quando se deseja
visualizar uma receita. Outra perda de informação ocorre em [EL22], não é informado que a
partir desse signo é possível responder a um comentário feito por outro usuário.
Também foram identificados rupturas que não impedem o usuário com deficiência
visual de utilizarem o sistema, mas que podem causar confusão durante a interação, como
em [EL11] que além de informar que têm a finalidade de compartilhar a receita em redes
sociais, informa um número, mas não deixa explícito o que ele significa. Em [EL9], o leitor
de tela verbaliza “enviar foto igual um”, porém não deixa claro seu significado.
De modo geral, houve uma perda significativa de informações na inspeção com leitor
de tela, quando comparada com inspeção sem leitor. Isso significa que a interação do
usuário com deficiência visual pode não ser consistente e que em determinados contextos
uso, o TudoGostoso pode não suprir as suas necessidades. As metamensagens obtidas
nas inspeções com e sem o leitor de tela não são totalmente consistentes. Na inspeção sem
o leitor, foram encontrados grande número de informações que auxiliam os usuários a
navegarem pelo TudoGostoso e a atingir os objetivos para os quais foi desenvolvido.
3.3 Etapa 3. Análise dos Signos Dinâmicos
3.3.1 Passo 1. Interação Sem Leitor de Tela
Neste passo, deve-se inspecionar os signos dinâmicos sem a interação de um leitor de tela,
registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo referência
às evidências coletadas. Feito isso, deve‐se fazer a reconstrução da metamensagem do
designer com base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.3.1.1 Registros Relevantes Sobre osSignos
O usuário só pode fazer um comentário, adicionar aos favoritos, adicionar fotos, enviar e
avaliar uma receita se ele estiver logado no sistema, caso não esteja, ele é direcionado a
uma tela de login/cadastro no site.
3.3.1.2 Conteúdo da Metacomunicação
● Quem você é? Você é um pessoa que fala português (todos os textos do site estão
em português), possui acesso à internet e tem interesse em receitas culinárias [D5].
● O que quer ou precisa fazer? Você deseja pesquisar por uma receita a partir das
categorias do menu [D5] ou pela barra de busca do site [D1]. Você pode conhecer os
detalhes de uma determinada receita e realizar ações ao seu respeito, como
adicioná-la às suas receitas favoritas [D6], imprimi-la [D8], enviar fotos do prato que
você reproduziu [D7], compartilhá-la nas redes sociais [D9], fazer algum comentário
sobre a receita [D3] e avaliá-la [D12]. Você também pode publicar uma receita de
sua autoria no site [D2] e visualizar informações das receitas em destaques [D19];
● Formas que você pode ou deve utilizar o sistema. Você pode encontrar uma
receita procurando pelo seu nome ou por ingredientes que ela contém [D1] ou
através das categorias e subcategorias apresentadas [D5]. Ao encontrar uma receita
desejada, você pode imprimi-la, clicando no ícone de uma impressora que aparece
do lado esquerdo da tela [D8] para exibir as configurações de impressão do
navegador, compartilhá-la nas redes sociais, clicando nos ícones de umas das
seguintes redes sociais disponíveis: Facebook, Twitter e Pinterest [D9], e caso tenha
conta no sistema, você pode adicioná-la no seu livro de receitas favoritas, clicando
no ícone de coração apresentado do lado esquerdo da tela [D6]. Além disso, pode
avaliar uma receita com uma nota de 1 a 5 estrelas acessando uma receita e
clicando nas estrelas que se encontram ao lado do seu título [D12]. Para selecionar
um número de estrelas, você deve passar o cursor do mouse em cima das estrelas
para que possam mudar de cor (branco para amarelo). Quando o número de
estrelas amarelas corresponder à sua nota, basta clicar para selecionar e enviar seu
voto. Caso queira, você pode enviar uma receita [D2]. Para isso, você deve inserir o
nome da receita, seus os ingredientes, seu modo e tempo de preparo [D15], número
de porções que rende [D15] e também deve escolher uma categoria [D17]. Caso
tente enviar uma receita sem preencher pelo menos uma das informações que são
obrigatórias, o sistema apresentará uma mensagem informando os campos que
precisam ser preenchidos [D16]. Caso envie a receita com todos os campos
obrigatórios preenchidos, será exibido uma mensagem de sucesso em uma nova
página. Se quiser, você também pode adicionar fotos da sua receita durante o
processo do cadastro, clicando no botão “Adicionar fotos” ou arrastando-as para a
área indicada, sendo exibidas na tela com a opção de removê-las ao passar o
ponteiro do mouse sobre elas [D14]. Além de enviar fotos da receita que você
publicou, você também pode enviar fotos tiradas por você de receitas publicadas por
outros usuários. Para isso, você deve acessar uma receita e clicar no ícone de
câmera que aparece ao lado esquerdo da receita para que as instruções de envio
das suas fotos sejam mostradas na tela [D7]. Você pode navegar pelas fotos da
receita escolhida uma a uma através de um “slideshow” com duas setas interativas
[D11] ou pode ver todas as fotos daquela receita através de um botão no final do
“slideshow” [D13]. Você também pode se orientar sobre a medida dos ingredientes
através da tabela de medidas fornecida pelo site [D18]. Para acessar a tabela de
medidas, você deve clicar no botão “Ver tabela” para que uma caixa de diálogo seja
exibida no centro da tela. Além disso, você pode enviar ou responder a um
comentário de outro usuário, navegando até o final da página de uma receita e
escrevendo seu comentário direto na caixa de texto (para enviar um novo
comentário) [D3] ou clicando no ícone de seta ao lado de um comentário publicado
para exibir a caixa de texto (para responder um comentário) [D10]. Você pode ainda
passar o cursor sobre receitas em destaque para ver mais detalhes, como
rendimento e tempo de preparo [D19]. Você também pode dar o play no vídeo fica
em destaque para visualizar o passo-a-passo da receita [D20].
3.3.1.3 Evidências
Evidência D1. Encontrar uma receita.
Evidência D2. Envio de uma receita.
Evidência D3. Envio de um comentário.
Evidência D4. Livro de receitas do usuário.
Evidência D5. Navegação por categoria.
Evidência D6. Favoritar receita.
Evidência D7. Enviar fotos tiradas pelo usuário.
Evidência D8. Imprimir receita.
Evidência D9. Compartilhar receita no Facebook.
Evidência D10. Responder um comentário.
Evidência D11. Visualizar a próxima foto de uma receita.
Evidência D12. Avaliar receita.
Evidência D13. Visualizar todas as fotos de uma receita.
Evidência D14. Enviar fotos da receita.
Evidência D15. Tempo de preparo e número de porções de uma receita.
Evidência D16. Mensagens de erro ao enviar uma receita.
Evidência D17. Selecionar uma categoria para a receita.
Evidência D18. Visualizar tabela de medidas.
Evidência D19. Informações das receitas em destaque.
Evidência D20. Vídeo de uma receita em destaque.
3.3.1.4 Problemas Encontrados
● Informações de tempo de preparo e porções permitem inserir números negativos
[D15];
● Ao enviar um comentário em uma receita, o botão enviar ficou girando mesmo com a
resposta de envio, o que aparentemente é um bug nessa funcionalidade [D3]. Nesse
caso, o usuário fica na dúvida se seu comentário foi ou não enviado para a
moderação;
● O sistema apresenta algumas inconsistências ao apresentar para o usuário a
informação que ele deve acessar sua conta no TudoGostoso para realizar alguma
ação com a receita. No cenário em que o usuário não está logado no site e tenta
enviar suas fotos ou avaliar uma receita, o sistema exibe uma alerta com a opção de
acessar a página de login. Porém, quando ele tenta favoritar ou comentar uma
receita, ele é redirecionado automaticamente para a página de login.
3.3.2 Passo 2. Interação Mediada por Leitor de Tela
Neste passo, deve-se inspecionar os signos dinâmicos com a interação de um leitor de tela,
registrando todo o entendimento a respeito dos mesmos e, se possível, fazendo referência
às evidências coletadas. Feito isso, deve‐se fazer a reconstrução da metamensagem do
designer com base apenas nesse tipo de signo, identificando potenciais rupturas que o
usuário possa vivenciar.
3.3.2.1 Registros Relevantes Sobre os Signos
O leitor de tela emitiu um bip quando o seu foco foi posicionado em elementos interativos de
formulário que são utilizados para receber dados do usuário (como caixas de edição de
texto e botões) que contém a tag “input” do HTML. Esse tipo de bip caracteriza um feedback
sonoro nativo do leitor de tela. No entanto, não foi identificado nenhum sinal sonoro oriundo
do site TudoGostoso, exceto dos áudios dos vídeos.
3.3.2.2 Conteúdo da Metacomunicação
● Quem você é? Você é uma pessoa com deficiência visual (essa informação
representa o contexto de uso do sistema) que possui acesso à internet, fala
português e gosta ou tem interesse em culinária e receitas [DL1];
● O que quer ou precisa fazer? Você é uma pessoa que quer encontrar rapidamente
uma receita para ver seus detalhes e pode fazer isso a partir das categorias do
menu [DL1] ou pela barra de busca do site [DL2]. Você deseja enviar receitas de sua
autoria [DL3], dar feedback ao enviar comentários [DL10] e avaliar [DL9] as receitas
publicadas no site, imprimir receitas [DL7], enviar fotos das receitas que preparou
[DL6] e compartilhar receitas nas redes sociais [DL8];
● Formas que você pode ou deve utilizar o sistema? Você pode pesquisar por uma
receita utilizando diferentes estratégias de navegação do leitor de tela, como a tecla
“tab”, para chegar no local da busca. Quando o leitor informar “encontre uma
receita”, você deve digitar o nome da receita, palavras-chave que a representamou
seus ingredientes e apertar a tecla “enter” para realizar a busca. Em seguida,
navegue entre as receitas encontradas na página dos resultados da busca [DL1 e
DL2]. Além disso, você também pode encontrar receitas ao acessar as categorias do
menu do site [DL1]. Você pode enviar uma receita de sua autoria acessando a opção
“enviar sua receita gráfico enviar sua receita visitado link” no menu do site. Em
seguida, você pode utilizar a tecla “tab” para navegar entre os campos que precisam
ser preenchidos: nome da receita, tempo de preparo, número de porções, categoria,
ingredientes e modo de preparo. Você também pode enviar até 6 fotos da sua
receita. Em seguida, navegue até “enviar receita botão” e aperte “enter” para enviar
a receita. Em seguida, você deve navegar pelos componentes de interface da tela
para encontrar as mensagens de erro que apareceram [DL15]. Caso envie uma
receita com todos os campos obrigatórios preenchidos, você conseguirá acessar
uma mensagem de sucesso. Durante o envio da sua receita, você pode acessar a
tabela de medidas através de um botão para que as medidas sejam exibidas dentro
de uma caixa de diálogo na tela [DL12]. Você pode utilizar a tecla “tab” para navegar
até os comentários da receita [DL10]. Quando chegar ao campo de inserção do
comentário, você deve digitar o comentário desejado e acionar o botão “enviar
comentário link” para enviar seu comentário. Uma mensagem de sucesso será
apresentada e você deve utilizar estratégias de navegação do leitor de tela, como
“seta para cima”, para encontrá-la [DL 10]. Além de enviar um novo comentário,
você pode responder o comentário de um usuário [DL11]. Para isso, você deve
acessar a opção “clicável” próximo ao comentário do usuário. Um campo para inserir
o comentário é aberto e você deve seguir os mesmo procedimento para enviar um
novo comentário. Você também pode avaliar uma receita utilizando as “seta para
baixo” ou “seta para cima” para diminuir ou aumentar a nota desejada,
respectivamente [DL9]. Uma mensagem de feedback de sucesso será apresentada
ao enviar a nota. Você pode ver os detalhes de uma receita. Para isso, você pode
navegar até a receita desejada utilizando “tab” e então apertar a tecla “enter”. Em
seguida, será apresentada as informações da receita escolhida. Algumas receitas
podem conter vídeos explicando como reproduzi-la e você pode acessá-lo e ouvir
seu áudio [DL13]. Para enviar fotos das receitas que você preparou, acesse o link
“galeria enviar foto igual um visitado link” [DL6]. A partir daí, navegue até “escolher
imagem botão” e selecione as fotos que desejar. Uma mensagem de sucesso será
apresentada. Você também pode imprimir uma receita acessando um link com a
descrição “link” [DL7]. Em seguida, uma caixa de diálogo do navegador será aberta
com todos os detalhes da impressão. Você também pode compartilhar uma receita
nas redes sociais [DL8]. Para isso, você precisa acessar uma receita e navegar até
os links que contém a mensagem de compartilhamento nas redes sociais. Depois
que você acessar o link de uma rede social, será aberta uma nova janela no
navegador com informações para acessar sua conta na rede social e publicar a
receita para seus amigos.
3.3.2.3 Evidências
Para as evidências associadas ao leitor de tela, é apresentado o trecho da tela em questão,
assim como a transcrição do leitor de tela usado na inspeção. Cada linha da transcrição
representa a leitura de uma linha de conteúdo, ou seja, cada linha é lida a partir de uma
nova interação com a interface do sistema a partir do leitor de tela.
bolos e
tortas visitado link bolos e tortas
Evidência DL1. Menu de categorias do site.
encontre uma receita (pausa) edição
selecionado pão de alho
buscar botão
Evidência DL2. Pesquisar por palavra-chave.
enviar sua receita gráfico enviar sua receita visitado link
Evidência DL3. Enviar uma receita.
link gráfico foto do usuário
link Pedro
clicável fechar
lista com quatro itens visitado link gráfico minhas receitas favoritas
visitado link minhas receitas favoritas
link gráfico envie sua receita
link envie sua receita
link gráfico meus dados
link meus dados
gráfico sair
sair
Evidência DL4. Informações do perfil usuário.
link gráfico mais
link gráfico menos
Evidência DL5. Favoritar uma receita.
galeria enviar foto igual um visitado link
envie suas fotos
botão close
por favor, só envie fotos tiradas por você (pausa) fotos tiradas da internet não serão
aceitas (pausa) e você
ainda corre o risco de ter seu cadastro removido do site
escolher imagem botão enviar
enviar botão
Evidência DL6. Enviar foto da receita.
link
Evidência DL7. Imprimir uma receita.
lista com três itens setenta e dois mil e trezentos e treze pão caseiro fácil link compartilhe
no Facebook
Facebook (pausa) Google Chrome
Facebook documento
edição possui autocompletar
em branco
Evidência DL8. Compartilhar uma receita nas redes sociais.
quatrocentos e quarenta e nove quatro ponto cinco
avalie essa receita
clicável botão close
selecione uma nota (pausa) passe o mouse em cima e selecione a sua nota
link u
link dois
link três
link quatro
link cinco
obrigado pelo seu voto
Evidência DL9. Avaliar uma receita.
título nível três comentários
fora de edição link enviar comentários
fora de lista link enviando
fora de lista visível para todos
obrigado pela participação (pausa) o seu comentário foi enviado e passará por aprovação
antes de estar
visível para todos
Evidência DL10. Enviar um comentário de uma receita.
gráfico
foto do usuário
link
Karine Gizele Gizele
em vinte e seis barra zero três barra dois mil e vinte
melhor receita de pão de alho ficou incrível (pausa) adorei
clicável
escreva uma resposta para esta receita (pausa) edição multilinha escreva uma resposta
para esta receita
enviar resposta link
link fechar
resposta enviada com sucesso (pausa) obrigado por participar
Evidência DL11. Responder o comentário de uma receita.
preparamos uma tabela para te ajudar a calcular as medidas das receitas
clicável
clicável gráfico leite
título nível dois líquidos
leite (pausa) água (pausa) óleo (pausa) bebidas alcoólicas (pausa) café etcetera
gráfico xícara uma xícara igual
duzentos e quarenta mililitros
gráfico colher uma colher (pausa) sopa (pausa) igual
quinze mililitros
gráfico colher uma colher (pausa) chá (pausa) igua
Evidência DL12. Acessar tabela de medidas.
link gráfico bolo mole especial
clicável link título nível cinco receita de bolo mole especial
botão close
botão close
aplicativo reprodutor de vídeo
reprodutor de vídeo press shift question mark to access a list of keyboard shortcuts
reprodutor de vídeo press shift question mark to access a list of keyboard shortcuts
00:00 of 00:59
Evidência DL13. Reproduzir vídeo de receita em destaque.
clicável lista com dois itens visitado link gráfico receitas favoritas
blank gráfico meu livro de receita título nível dois
Evidência DL14. Acessar página de receitas favoritas.
enviar receita botão
enviar receita título nível dois
favor inserir o nome da receita
favor inserir o tempo de preparo da receita (pausa) minutos (pausa)
favor inserir o número de porções que a receita serve
favor selecionar uma categoria
favor inserir os ingredientes da receita
favor inserir o modo de preparo da receita
Evidência DL15. Mensagens de erro ao enviar uma receita.
3.3.2.4 Problemas Encontrados
● Quando o usuário de leitor de tela interage com um componente interativo da
interface do site TudoGostoso, o leitor de tela, muitas vezes, não informa o
comportamento do componente de forma automática para o usuário. Isto é, o
usuário deve navegar novamente por toda a interface com o leitor de tela para
descobrir quais informações foram alteradas e entender o que aconteceu a partir da
interação. Quando o usuário escreve um comentário e aciona o botão para enviar
seu comentário, por exemplo, o leitor de tela não verbaliza nenhuma informação.
Nesse ponto, o usuário deve utilizar as estratégias de navegação do leitor de tela
para vasculhar a interface e encontrar a mensagem desucesso ou de erro do envio
do comentário;
● O usuário também não consegue favoritar uma receita, visto que não há descrição
(leitura) dos botões de favoritar e de remover a receita favorita [DL5]. Caso o usuário
ainda acione o botão de favoritar a receita, nenhum feedback é apresentado para
ele, impossibilitando de saber o que aconteceu;
● O usuário que não utiliza leitor de tela consegue acessar mais informações da
receita (quantidade de porções que a receita rende e seu tempo de preparo) na
página inicial do site ao passar o mouse sobre ela. Entretanto, não foi possível
acessar tais informações com o uso do leitor de tela pois não foram codificadas para
serem acessíveis e identificáveis pelo leitor;
● Ao tentar inserir uma foto na página de “enviar receita” [DL3], o leitor diz “arraste
para enviar fotos da receita”, entretanto o usuário com deficiência visual pode não
conseguir executar tal ação, já que não terá a referência visual para saber para onde
ele deve arrastar a foto;
● O usuário não consegue acessar a tabela de receitas através do botão “ver tabela”
[DL12]. O botão não foi construído com recursos de acessibilidade que permitem
que o usuário acione-o através do teclado para abrir o modal com a tabela de
receitas. No entanto, caso o botão “ver tabela” seja acionado através do mouse e, o
modal seja aberto, o leitor de tela consegue ler corretamente as informações da
tabela de medidas contida no modal.
3.3.3 Passo 3. Contraste da Metamensagem
Na inspeção mediada pelo leitor de tela, foram identificadas algumas rupturas de
comunicação em alguns dos signos dinâmicos encontrados na inspeção sem o leitor. Dessa
forma, o usuário com deficiência visual não consegue utilizar funcionalidades básicas que o
TudoGostoso deveria contemplar: quando o leitor de tela reproduz a informação contida nos
links para compartilhar a receita nas redes sociais, ele fala alguns números que não estão
visíveis na interface, que não ajudam na compreensão do usuário cego, nem antes e nem
após acionar o link; ouvir um vídeo que ensina como preparar uma receita, uma vez que o
site não oferece áudio narrando o passo-a-passo de como executá-la, ou seja, nem sempre
no vídeo é narrado o que está sendo feito para o usuário cego (por exemplo coloque a
mistura no recipiente); identificar o conteúdo das fotos das receitas através de uma
descrição [D11]; e na página inicial, o leitor de tela oferece a opção de navegar pelas fotos
de uma receita [D11], porém ele lê apenas “next” e “previous” e não avisa se está
avançando ou retrocedendo nas fotos, deixando o usuário cego sem saber o que está
acontecendo.
Em “avalie essa receita” [DL9], o leitor de tela fala “passe o mouse em cima e
selecione sua nota”. Um usuário com deficiência visual pode não conseguir executar tal
ação pois o uso do mouse é complicado, sabendo que não conseguem identificar a
localização do ponteiro. Além disso, ao clicar em “receitas favoritas” o leitor de tela lê “meu
livro de receitas”, que é o título da página. Esse erro de design pode provocar confusão em
usuários com deficiência visual, uma vez que aparenta ser uma contexto diferente da ação
a que se destina o “receitas favoritas” [DL14].
Contrastando as metamensagens encontradas com e sem a mediação do leitor de
telas, pode-se perceber que, a interação do usuário com deficiência visual com os signos
dinâmicos são bem ruins. O grande número de rupturas apresentados impede que o usuário
realize funções que caracterizam os objetivos do TudoGostoso. Desse modo, levando em
consideração a metamensagem obtida para os signos dinâmicos com o uso do leitor de
tela, o uso desse sistema é problemático.
3.4 Etapa 4. Contraste
Nesta seção é apresentado o contraste entre as metamensagens identificadas na interação
sem o leitor de tela e com o leitor de tela. No conteúdo da metacomunicação consolidada,
as cores laranja (metamensagem presente apenas nos signos metalinguísticos), verde
(metamensagem presente apenas nos signos estáticos), e azul (metamensagem presente
apenas nos signos dinâmicos) são utilizadas para identificar a origem das metamensagens.
3.4.1 Passo 1. Contraste Sem Leitor de Tela
3.4.1.1 Conteúdo da Metacomunicação Consolidada
● Quem você é? Você é alguém que fala português (a maioria dos textos do site
estão em português), possui acesso à internet e tem interesse por culinária (a
maioria dos texto do site se referem às receitas);
● O que quer ou precisa fazer? Você deseja escolher uma receita para preparar ou
também publicar alguma de sua autoria [M9, E3, E4 e D2]. Você pode acessar
receitas de formas, como uma que seja de uma categoria específica [E1, D5], que
esteja em destaque no site momentaneamente [E6, E7 e D11] ou através de uma
pesquisa [M11, E3 e D1]. Você pode querer visualizar uma receita, apreciando seus
ingredientes [E19], tempo e modo de preparo [E14 e E20], rendimento [E15] e suas
fotos ou vídeos [E13], se disponíveis. Caso deseje, você pode dar o feedback em
uma receita através de uma nota [M1, E12 e D12] ou de um comentário [M4, M5,
E21 e D3], adicioná-la à sua lista de favoritos [M3, E8 e D6] e enviar fotos da receita
que você preparou [M3, E9 e D7]. Você também quer imprimir [M3, E10 e D8] e
compartilhar receitas em suas redes sociais [M3, E11 e D9]. Para realizar algumas
das interações mencionadas anteriormente, você precisa acessar sua conta do site
TudoGostoso [M12];
● Formas que você pode ou deve utilizar o sistema. Você pode encontrar e ter o
detalhamento de receitas através de uma busca textual [M11, E3 e D1], através de
categorias e subcategorias que estão disponíveis para classificar as receitas [E1 e
D5] e através de receitas selecionadas pelo sistema ou equipe do TudoGostoso e
apresentadas em destaque na página inicial do site [E6 e E7]. Para cada receita
você pode ver as instruções de como fazê-la (ingredientes [E19], tempo [E14] e
modo de preparo [E20], número de porções que rende [E15], além de muitas vezes
ter disponível também foto ou vídeo em um slideshow [M2, E13, D11, D13 e D20]
sobre a receita). Além disso, você tem informação de quem enviou a receita [E18],
quantas pessoas a incluíram na lista de favoritos [E16] e comentários de outros
usuários [E17]. Para as receitas em destaque, você pode passar o cursor sobre elas
para ver mais detalhes, como seu rendimento e tempo de preparo [D19]. Você pode
ainda imprimir [M3, E10 e D8] a receita ou compartilhá-la em algumas de suas redes
sociais (Facebook, Twitter e Pinterest) [M3, E11 e D9]. Se você acessar sua conta
[M1, M12 e E2], você pode avaliar receitas [M1, E12 e D12] com uma nota de 1 a 5
estrelas, escrever e enviar novos comentários sobre sua experiência ao fazer
alguma receita [M4, M5, E21 e D3]; responder comentários de outros usuários
acessando o ícone de seta ao lado do comentário [E22 e D10], enviar fotos de como
ficou o seu prato ao seguir alguma receita [M3, E9 e D7], adicionar receitas a uma
lista contendo suas receitas favoritas [M3, E5, E8 e D6] e enviar receitas de sua
autoria [M9, E4 e D2]. Para cadastrar uma nova receita, você deve necessariamente
[M10 e D16] informar o nome da receita [E23], seu tempo de preparo em minutos
[E25 e D15], número de porções que serve [E26 e D15], sua categoria [M8, E27 e
D17], ingredientes [M7 e E28] e modo de preparo [E29 e D15]. Você também pode
incluir até 6 fotos da receita (desde que tiradas por você) como uma informação
opcional clicando no botão “adicionar fotos” ou arrastando-as para a área indicada
[M6 e M9, E24 e D14], além de poder conferir uma tabela de referências de medidas
dos ingredientes [E30 e D18]. Note que você deve seguir instruções específicas
associadas aos campos a serem preenchidos [M6, M7 e M9]. Caso tente enviar uma
receita sem preencher pelo menos uma das informações que são obrigatórias, o
sistema apresentará uma mensagem informando os campos que precisam ser
preenchidos [M10 e D16]. Caso envie a receita com todos os campos obrigatórios
preenchidos, será exibido uma mensagem de sucesso em uma nova página. Vale
ressaltar