Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[KEYBOARD]: Links in the chat log must be keyboard focusable

See original GitHub issue

Please view our Technical Support Guide before filing a new issue.

Screenshots

https://user-images.githubusercontent.com/934879/119392255-24e3f400-bc95-11eb-96ee-50da95041cde.mov

Version

Describe the bug

The links added to the VA chatbot’s responses are not reachable by keyboard when I am navigating through the page with the TAB key. Quicktime movie attached below.

Steps to reproduce

Links can be confirmed to receive keyboard focus when navigating with the TAB key
This can be verified by typing document.activeElement into the Chrome DevTools console

Expected behavior

Additional context

We cannot make links in the chat log tabbable. We tried adding tab indexes to the links, but this does not solve this issue. Corresponds to this VA GitHub issue: https://github.com/department-of-veterans-affairs/va.gov-team/issues/25156

[Bug]

Issue Analytics

State:
Created 2 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

LucianaAlexanderMoraiscommented, Feb 2, 2022

This was a rough experience. We definitely need to work on improving this if we can. Right now I am drafting directions to place on the main page when we launch the bot:

"Please note, we are currently working on improving accessibility on this virtual agent. We apologize for any inconvenience.

To start using the virtual agent with a screen reader, you can:

Tab to select the virtual agent window
Tab to select the “Accept” button and press Enter
Use arrow keys to listen to chatbot messages
Tab to select the “Type your message” section
Ask your question and press Enter
Use Shift+Tab to move back to messages
Use arrow keys to focus on a specific message.
Press Enter to focus on a link
Press Enter again to open a link. Link will open on another page.
Use Shift+Tab to exit the chatbot window.

0reactions

compulimcommented, Nov 30, 2021

Agree and it should be doable today.

For step 3, after focusing in the activity, the user press <kbd>TAB</kbd> or<kbd>SHIFT</kbd> + <kbd>TAB</kbd> to jump between links/buttons.

For step 4, the user will leave the activity and go back to step 1 if they do one of the following:

Press <kbd>ESCAPE</kbd>
Press <kbd>TAB</kbd> on the last links/buttons in the activity
Press <kbd>SHIFT</kbd> + <kbd>TAB</kbd> on the first links/buttons in the activity