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

Accessibility fix generate access code #2783

Conversation

galupa
Copy link
Contributor

@galupa galupa commented Jun 15, 2021

This PR should enable keyboard users to be able to generate or reset access codes. It also enable users with visual impairment to know what the generated code is.

Description

The changes on this PR are as follows:

  1. The dice icon on room settings to generate access code is accessible by keyboard, so the user is able to use tabs to go the icon and can use space or enter to generate the access code
  2. The trash icon also accessible by the keyboard user, user can use tabs to access the icon and can use space or enter to reset / disable the access code
  3. Also add some aria label on the icons so screen reader can see it
  4. also make the generated code notified by screen reader.
  5. Implement above also for the moderator code

Testing Steps

To test this:

  1. Go to home page, select any room and go to room settings
  2. After the modal pop up, users should be able to go to generate access code icon / button by using only tabs / keyboard.
  3. User also can go to the trash icon / button to remove the access code
  4. Users can use enter / space to press the button / icon
  5. Those steps also applied for the moderator code

Screenshots (if appropriate):

Not much changes on UI, but the buttons / icon should be able to be selected by only using keyboard
Screenshot from 2021-06-15 11-57-53
Screenshot from 2021-06-15 11-57-42

@sonarcloud
Copy link

sonarcloud bot commented Jun 15, 2021

Kudos, SonarCloud Quality Gate passed!

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@farhatahmad
Copy link
Collaborator

Thanks for all the PRs @galupa. I'll get through them all sometime this week

@@ -50,6 +50,36 @@ $(document).on('turbolinks:load', function(){
showDeleteRoom(this)
})

// For keyboard users to be able to generate access code
Copy link
Collaborator

Choose a reason for hiding this comment

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

Same as for the other PR - can this be moved into a separate function?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sure, thanks for reviewing the codes, I have made the changes, please check it again when you have time

@galupa galupa force-pushed the accessibility-fix-generate-access-code branch from d3c9399 to 32f6e4e Compare September 27, 2021 01:17
@sonarcloud
Copy link

sonarcloud bot commented Sep 27, 2021

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.6% 0.6% Duplication

@farhatahmad farhatahmad merged commit a6ce974 into bigbluebutton:master Sep 28, 2021
wbonis pushed a commit to styliteag/greenlight that referenced this pull request Dec 15, 2021
thifranc pushed a commit to thifranc/greenlight that referenced this pull request Dec 27, 2021
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