Script for the blind to use Whatsapp Web with more accessibility

[geofi...@gmail.com]

Script for the blind to use Whatsapp Web with more accessibility
Disclosing, the script works in English, Portuguese and Spanish:
Hello guys! In this video I talk a little about accessibility and usability, specifically on Whatsapp Web, and I share a script I made so that
we, screen reader users, can work with Whatsapp on the computer with more autonomy, practicality and confidence.

Here is information about the script and its installation:

To use the WhatsappWebWithMoreAccessibility script, Tampermonkey for Google Chrome or Tampermonkey for
Mozilla Firefox. After that, just access the script, which will be recognized by Tampermonkey, and click on install.

After installing the script for Whatsapp Web WhatsappWebWithMoreAccessibility, when accessing the app, you must wait for the application to load and then
use the ALT + S shortcut. If the script is disabled, the message will be displayed: Script activated successfully; if the script is already activated,
it will be
given an alert with the message Script disabled. When you disable it, all elements and shortcuts created by it will be removed, except the activation shortcut
and deactivation.
Added elements and labels
With WhatsappWebWithMoreAccessibility enabled, the following modifications will be applied:
• Before the panel with the conversation list there will be a level 1 H1 header to facilitate navigation via the screen reader, by pressing the h or
the number 1 in the navigation mode;
• After opening a conversation, at the beginning of the contact / group area there will be an H2 level header, with the label Active conversation + NAME
OF CONTACT / GROUP, which
can be accessed by pressing the 'h' key or the number 2 in the navigation mode;
• The emogi buttons will be labeled above the message writing field in the footer;
• After the message writing field there will be a button with the label "Record voice message" if the text field is clear, or "Send message
text "if filled in;
• When clicking on the "Record Voice Message" button, a "Cancel recording" button, the recording time and another button will appear below the message
field.
with the label "Send voice message";
Hotkeys
After enabling WhatsappWebWithMoreAccessibility, the following shortcut keys are available:
• ALT + a: focus on the options for choosing the type of attachment to be sent in the active conversation;
• ALT + B: puts the focus on the search field and labels it as "Search conversations and contacts ...";
• ALT + C: focus on the conversation list;
• ALT + E: puts the focus on the message writing field and labels it "Write a message (name of the active conversation)";
• ALT + L: opens an options box to select the script language (Portuguese, English or Spanish), after pressing the 'enter' key in the desired option
the script messages are now in that language;
• ALT + M: puts the focus on the message list of the active conversation;
• ALT + S: activate and deactivate the script;
• ALT + T: speak the title of the active conversation.
NOTE: sometimes NVDA does not go into focus mode automatically when using shortcuts, so you may need to put it in focus mode with the shortcut
NVDA + space bar. Other keys can be configured as the NVDA key, but by default it is 'Insert'.

Here are links:

TamperMonkey for Google Chrome:
https://bit.ly/TamperMonkeyGoogleChrome


TamperMonkey for Mozilla Firefox:
https: //bit.ly/TamperMonkeyMozillaFir ...


TamperMonkey for Microsoft Edge:
https://bit.ly/TamperMonkeyMicrosoftEdge


TamperMonkey for Opera:
https://bit.ly/TamperMonkeyOpera-PT_BR


Script WhatsappWebWithMoreAccessibility:
https: //bit.ly/WhatsappWebWithMoreAcc ...

Descriptive video:
https://www.youtube.com/watch?v=y11VAPxDuuU&feature=youtu.be&ab_channel=ContinueDesenvolvendo

Original:
Script para cegos utilizarem o Whatsapp Web com mais acessibilidade
Divulgando, o script funciona no idioma inglês, português e espanhol:
Olá pessoal! Nesse vídeo eu falo um pouco sobre acessibilidade e usabilidade, especificamente no Whatsapp Web, e compartilho um script que fiz para que
nós, usuários de leitores de tela, possamos trabalhar com o Whatsapp pelo computador com mais autonomia, praticidade e confiança.

Seguem informações sobre o script e sua instalação:

Para utilização do script WhatsappWebWithMoreAccessibility, é necessário ter instalada a extensção Tampermonkey para o Google Chrome ou Tampermonkey para
Mozilla Firefox. Após isso, basta acessar o script, que será reconhecido pelo Tampermonkey, e clicar em instalar.

Depois de instalar o script para o Whatsapp Web WhatsappWebWithMoreAccessibility, ao acessar o app, Deve-se aguardar o carregamento da aplicação e então
utilizar o atalho ALT + S. Caso o script esteja desativado, será exibida a mmensagem: Script ativado com sucesso; se o script já estiver ativado, será
dado um alerta com a mensagem Script desativado. Ao desativá-lo, todos os elementos e atalhos criados por ele serão removidos, exceto o atalho de ativação
e desativação.
Elementos e rótulos adicionados
Com o WhatsappWebWithMoreAccessibility ativado, serão aplicadas as seguintes modificações:
• Antes do painel com a listagem de conversas haverá um cabeçalho de nível 1 H1 para facilitar a navegação via screen reader, ao precionar a tecla h ou
o número 1 no modo de navegação;
• Após abrir uma conversa, no início da área do contato / grupo haverá um cabeçalho de nível H2, com o rótulo Conversa ativa + NOME DO CONTATO/GRUPO, que
poderá ser acessado precionando a tecla 'h' ou o número 2 no modo de navegação;
• Os botões de emogi estarão etiquetados acima do campo de escrita de mensagem no rodapé;
• Após o campo de escrita de mensagem haverá um botão que estará com o rótulo "Gravar mensagem de voz" caso o campo de texto esteja limpo, ou "Enviar mensagem
de texto" caso esteja preenchido;
• Ao clicar no botão "Gravar Mensagem de Voz", irá surgir abaixo do campo de mensagem um botão "Cancelar gravação", o tempo da gravação e um outro botão
com o rótulo "Enviar mensagem de voz";
Teclas de atalho
Depois de ativar o WhatsappWebWithMoreAccessibility, as seguintes teclas de atalho estarão disponíveis:
• ALT + a: coloca o foco nas opções para escolher o tipo de anexo a ser enviado na conversa ativa;
• ALT + B: coloca o foco no campo de busca e o rotula como "Buscar nas conversas e nos contatos...";
• ALT + C: coloca o foco na lista de conversas;
• ALT + E: coloca o foco no campo de escrita de mensagem e o rotula como "Escreva uma mensagem (nome da conversa ativa)";
• ALT + L: abre uma caixa de opções para selecionar o idioma do script (Português, Inglês ou Espanhol), após precionar a tecla 'enter' na opção desejada
as mensagens do script passam a estar naquele idioma;
• ALT + M: coloca o foco na lista de mensagens da conversa ativa;
• ALT + S: ativa e desativa o script;
• ALT + T: fala o título da conversa ativa.
OBS.: as vezes o NVDA não entra em modo de foco automaticamente ao utilizar os atalhos, Então talvez seja necessário colocá-lo em modo de foco com o atalho
NVDA + barra de espaço. Outras teclas podem ser configuradas como tecla NVDA, mas por padrão é o 'Insert'.

Seguem links:

TamperMonkey para Google Chrome: 
https://bit.ly/TamperMonkeyGoogleChrome


TamperMonkey para Mozilla Firefox: 
https://bit.ly/TamperMonkeyMozillaFir...


TamperMonkey para Microsoft Edge: 
https://bit.ly/TamperMonkeyMicrosoftEdge


TamperMonkey para Opera: 
https://bit.ly/TamperMonkeyOpera-PT_BR


Script WhatsappWebWithMoreAccessibility: 
https://bit.ly/WhatsappWebWithMoreAcc...

Vídeo descritivo:
https://www.youtube.com/watch?v=y11VAPxDuuU&feature=youtu.be&ab_channel=ContinueDesenvolvendo