Acessibilidade insights de sites/aplicativos
Suite
Customer Experience
Strategy & Research
Produto
Qualtrics
O que há nesta página
Recursos Acessibilidade dos insights do site/aplicativo
projetos do Website Insights têm muitos recursos incorporados para facilitar acessibilidade. Em particular, recomendamos que você experimente uma caixa de diálogo de respostas ou um botão de feedback, que foram projetados com a acessibilidade em mente.
Nesta página, abordaremos configurações específicas e práticas recomendadas para melhorar a acessibilidade do seu projeto do Website Insights.
Qdica: os criativos herdados, como pop over, controle deslizante, infobar e feedback incorporado personalizado, geralmente não são acessíveis. Embora haja configurações que descrevemos nesta página e que podem ser usadas para melhorar acessibilidade, é altamente recomendável usar uma caixa de diálogo de respostas ou um botão de feedback, especialmente porque as configurações acessibilidade são fáceis de ajustar.
Criação de uma caixa de diálogo responsiva acessível
As caixas de diálogo responsivas são sobreposições de sites que foram desenvolvidas com a acessibilidade em mente. A seguir, destaque alguns dos recursos acessibilidade que você pode esperar encontrar:
- Texto alternativo fácil de definir: Se um ícone personalizado for usado na caixa de diálogo, permitimos que os usuários especifiquem o Texto alternativo para indicar o texto que o leitor de tela deve ler quando o foco estiver no ícone. Qdica: se você optar por Incluir um ícone para descartar a interceptor, o texto alternativo do botão X que aparece no canto superior direito da caixa de diálogo será “fechar” Esse texto alternativo também é localizado.
- Rótulos ARIA para controles de botão: Por padrão, os leitores de tela lerão o texto que você especificar para o rótulo do botão. No entanto, em alguns casos, talvez você queira que o leitor de tela leia um contexto adicional, como “Clique neste botão para abrir uma nova janela pesquisa ” Nesse caso, você pode especificar o rótulo ARIA para os controles de botão.
- Títulos de iframe para pesquisas incorporadas: Se quiser incorporar uma pesquisa em seu diálogo, é fácil adicionar um título de iframe para leitores de tela.
- Contrastes de cores para elementos dentro do próprio Criativo: Embora Qualtrics não possa fornecer orientação direta sobre o contraste, você pode ajustar a cor dos botões e do texto de sua caixa de diálogo conforme necessário.
Criando um botão de feedback acessível Criativo
Os botões de feedback são guias na lateral de uma página em que o usuário pode clicar para deixar um feedback. Aqui estão alguns recursos acessibilidade que o botão de feedback tem:
- Títulos de iframe: Capacidade de especificar um título de iframe na seção Animação.
- Texto alternativo de botão personalizado: Por padrão, os leitores de tela lerão o texto que você especificar para o rótulo do botão. No entanto, em alguns casos, talvez você queira usar uma imagem personalizada para o seu botão. Nesse caso, você pode especificar o texto alternativo para a imagem do botão.
- Títulos de iframe para pesquisas incorporadas: Se quiser incorporar uma pesquisa em seu diálogo, é fácil adicionar um título de iframe para leitores de tela.
- Contrastes de cores para elementos dentro do próprio Criativo: Embora Qualtrics não possa fornecer orientação direta sobre o contraste, você pode ajustar a cor do fundo e do texto do seu botão conforme necessário.
Adição de texto alternativo e funções aos botões Destino para criativos herdados
Qdica: se você não tiver acesso a nenhum dos recursos descritos nesta seção, entre em contato com o executivo Conta sua conta. Para obter mais informações sobre as diferenças entre o Digital Feedback e CustomerXM for Digital, consulte Digital Feedback vs. CustomerXM for Digital. CustomerXM for Digital.
Qdica: as caixas de diálogo responsivas e os botões de feedback não exigem essa etapa.
Atenção: Os recursos de codificação personalizada são fornecidos no estado em que se encontram e podem exigir conhecimento de programação para serem implementados. Nossa equipe de suporte não oferece assistência nem consultoria em codificação personalizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados. Se quiser saber mais sobre nossos serviços de codificação personalizada disponíveis para compra, entre contato seu executivo Conta Qualtrics.
Se o seu Destino estiver na forma de uma imagem botão que você carregou, adicionar texto alternativo e um atributo de função ajuda o leitor de tela a entender o que o botão deve dizer e fazer. Esse conselho é para criativos herdados, como o pop over ou o infobar.
Abra seu Criativo na guia Creatives.
Clique duas vezes no elemento Destino que contém a imagem.
Clique em Fonte.
Dentro da tag <img>, adicione um atributo alt
<img alt="text here" /> à tag e defina o valor igual ao texto da imagem. <img alt="Sign Up Now" ... /> Qdica: O software de leitura de tela lerá em voz alta o que está contido no atributo alt quando chegar à imagem.
Coloque a tag <img> ao redor de uma tag <span>.
Metas padrão (texto do link)
Adição de texto alternativo e funções a botões de fechamento para criativos herdados
Qdica: as caixas de diálogo responsivas e os botões de feedback não exigem essa etapa.
Atenção: Os recursos de codificação personalizada são fornecidos no estado em que se encontram e podem exigir conhecimento de programação para serem implementados. Nossa equipe de suporte não oferece assistência nem consultoria em codificação personalizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados. Se quiser saber mais sobre nossos serviços de codificação personalizada disponíveis para compra, entre contato seu executivo Conta Qualtrics.
Criativos antigos, como pop overs e controles deslizantes, exigem personalização adicional para tornar seus botões de fechamento acessíveis.
Botão Fechar como Imagem
Abra seu Criativo na guia Creatives.
Clique duas vezes no elemento Fechar que contém a imagem.
Clique em Fonte.
Adicione o atributo alt=”close” à tag <img>.
<img alt="close" ... /> Qdica: o software de leitura de tela lerá em voz alta o que está contido no atributo alt quando chegar à imagem.
Coloque a tag <img> ao redor de uma tag <span>.
Botão Fechar como texto
Abra seu Criativo na guia Creatives.
Clique duas vezes no elemento Fechar que contém o texto.
Clique em Fonte.
Perguntas frequentes
Criei meu interceptor, mas gostaria de testá-lo antes da ativação. Como eu posso fazer isso?
Criei meu interceptor, mas gostaria de testá-lo antes da ativação. Como eu posso fazer isso?
Há uma ferramenta chamada bookmarklet que permite testar qualquer interceptor sem precisar ativá-lo.
Muitas das páginas neste site foram traduzidas do inglês original usando tradução automática. Embora na Qualtrics tenhamos feito nossa diligência prévia para obter as melhores traduções automáticas possíveis, a tradução automática nunca é perfeita. O texto original em inglês é considerado a versão oficial, e quaisquer discrepâncias entre o inglês original e as traduções automáticas não são juridicamente vinculativas.
Isso é ótimo! Obrigado pelo seu feedback!
Obrigado pelo seu feedback!