Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve focus behaviour of chat messages and feedback #780

Merged
merged 1 commit into from
Jul 15, 2024

Conversation

KevinEtchells
Copy link
Contributor

Context

A couple of improvements primarily for keyboard-only and screen-reader users

Changes proposed in this pull request

  • The feedback functionality is split into 4 sections. When a new section is shown, move focus to this new section. This means focus isn't "lost", and users can perceive where they are.

  • When a new message is being streamed, focus was moving to the container for the new message and feedback buttons. This is now just moving to the new message - which looks tidier for all users.

Guidance to review

  • To test, you will need to just use keyboard, not mouse. Tab to go forwards. Shift + Tab to go backwards. Space to interact with control.
  • You should see the focus indicator outlines as you navigate through.

Copy link
Contributor

@rachaelcodes rachaelcodes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice and easy to use with a keyboard ⌨️

@KevinEtchells KevinEtchells merged commit f7ab6d6 into main Jul 15, 2024
10 checks passed
@KevinEtchells KevinEtchells deleted the bugfix/improve-focus-behaviour branch July 15, 2024 08:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants