WhatsApp Web – usprawnienie dostępności

Kilka dni temu natknąłem się na coś, co poprawia używanie WhatsApp Web i pokrótce przedstawię cóż to takiego.

Korzystanie z przeglądarki do obsługi WhatsApp jest od dawna możliwe, miało w przeszłości różne oblicza dla korzystających z czytników ekranu. W chwili obecnej jest to nawet całkiem znośne, ale nadal jest kilka problemów, niezaetykietowanych przycisków, czy np. problematyczne wysyłanie plików.

Skrypt

Pewną odpowiedzią na te bolączki oraz efektywniejsze korzystanie poprzez skróty klawiszowe jest skrypt WhatsappWeb With More Accessibility.
Skrypt ten modyfikuję stronę i dodaje nagłówki, etykietuje niektóre przyciski, oraz dodaje skróty klawiszowe dzięki którym w tak zwanym trybie formularza (focus mode) możemy się sprawniej poruszać po sekcjach komunikatora.

Menedżer skryptów

Aby dodać taki skrypt będzie nam potrzebne rozszerzenie do przeglądarki Tampermonkey. Rozszerzenie to jest takim menedżerem skryptów użytkownika.
Jest ono dostępne na przeglądarki Chrome, Firefox, Edge, Safari, Opera
Kiedy już rozszerzenie mamy zainstalowane w naszej przeglądarce wystarczy, że wejdziemy na stronę zawierającą skrypt, rozszerzenie powinno go rozpoznać i wystarczy znaleźć przycisk do zainstalowania tegoż skryptu.

Skróty klawiszowe

Po uruchomieniu skryptu skrótem Alt+S na stronie web.whatsapp.com mamy do dyspozycji następujące skróty klawiszowe:
• ALT + a: W aktywnym czacie przechodzi do wyboru typu załącznika;
• ALT + B: Przechodzi do pola wyszukiwania czatów i kontaktów;
• ALT + C: Przechodzi na listę czatów;
• ALT + M: ustawia fokus na liście wiadomości aktywnego czatu;
• ALT + E: Przechodzi do pola edycji wiadomości;
• ALT + G: Przechodzi do przycisku umożliwiającego rozpoczęcie nagrywania wiadomości głosowej;
• ALT + N: otwiera pole tekstowe do wprowadzenia numeru telefonu. Po naciśnięciu „enter”, jeśli jest to prawidłowy numer, rozpocznie się czat;
• ALT + T: Odczytuje nazwę aktywnego czatu;
• ALT + L: otwiera okno opcji, aby wybrać język skryptu (portugalski, angielski lub hiszpański), po naciśnięciu klawisza „enter” w żądanej opcji, komunikaty skryptów będą w tym języku;
• ALT + S: Aktywuje i dezaktywuje skrypt;
• ALT + D: Umieszcza fokus na oknie zawierającym przyciski do oznaczania gwiazdką, usuwania, przesyłania dalej lub pobierania wiadomości.
{ta opcja działa tylko wtedy gdy najpierw na wiadomości wybierzemy Przekaż wiadomość}
• ALT + V: wysyła wiadomości, które zostały wybrane do przekazania.

Podsumowanie

Podoba mi się to rozwiązanie, oczywiście najlepiej by było, gdyby nie trzeba było takich rzeczy stosować, a wszystko było w pełni dostępne, ale mamy co mamy.
Jedyne co mi się póki co nie podoba w tym skrypcie, to konieczność aktywacji za każdym razem, kiedy uruchamiam WhatsApp Web. Trochę szkoda, że nie działa to automatycznie.
Dzięki temu znalezisku, odkryłem, że są i inne tego typu skrypty modyfikujące i ułatwiające poruszanie się po stronach. Przykładowo zainstalowałem sobie skrypt, który dodaje nagłówki na stronie github, a napisany jest przez nvaccess, czyli wydawcę NVDA. Są tam też inne, ale sprawdziłem tylko ten.

Linki:

Tampermonkey dla Chrome
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=pl
Tampermonkey dla Firefox
https://addons.mozilla.org/pl/firefox/addon/tampermonkey/
Skrypt WhatsappWeb With More Accessibility
https://github.com/juliano-lopes/accessibility-by-force/raw/master/src/js/WhatsappWebWithMoreAccessibility.user.js
Repozytorium WhatsappWeb With More Accessibility
https://github.com/juliano-lopes/accessibility-by-force/
Skrypty nvaccess
https://github.com/nvaccess/axSGrease