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 Accessibility of Profiles #3863

Conversation

ChunkyProgrammer
Copy link
Member

Improve Accessibility of Profiles

Pull Request Type

  • Bugfix

Related issue

#693
closes #1580

Description

This PR gets FreeTube to be accessible enough for the eslint plugin to be enabled. There's still some changes needed to get stylelint to be enabled for our workflow.

Testing

Profile Selector

  • have at least 2 profiles
  • tab to profile (top right)
    image
  • Click enter or space
  • Profile selector opens up
  • Click tab again to go to settings
    image
  • Click tab to go to first profile
  • Click tab again to go to second profile

Profile Bubble

  • Have at least 2 profiles
  • tab to profile (top right)
  • Click enter or space
  • Profile selector opens up
  • Click tab again to go to settings
  • Click enter or space
  • You can tab through profiles
    image

All other changes are pretty small.

Desktop

  • OS: Windows
  • OS Version: 10
  • FreeTube version: 0.18.0

Additional context

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) August 8, 2023 20:39
@github-actions github-actions bot added PR: dependencies Pull requests that update a dependency file PR: waiting for review For PRs that are complete, tested, and ready for review labels Aug 8, 2023
Copy link
Collaborator

@PikachuEXE PikachuEXE left a comment

Choose a reason for hiding this comment

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

Only 1 strange point...

PikachuEXE
PikachuEXE previously approved these changes Aug 9, 2023
.eslintrc.js Outdated Show resolved Hide resolved
PikachuEXE
PikachuEXE previously approved these changes Aug 9, 2023
absidue
absidue previously approved these changes Aug 11, 2023
@efb4f5ff-1298-471a-8973-3d47447115dc
Copy link
Member

efb4f5ff-1298-471a-8973-3d47447115dc commented Aug 11, 2023

Everything works but i just wanted to mention this just to be sure

So i dont know this for sure but im using the arrow keys here because i wanted to go down the list of profiles because i thought tabbing wasnt the right. Just like on the channel page with all the tabs that we changed recently that u only can tab to the first element of the list and the rest of the element u can reach by using arrow keys instead of tab.

VirtualBoxVM_NYqFpwXA3y.mp4

i was thinking the same here

VirtualBoxVM_zzgWDwk6DQ.mp4

@github-actions github-actions bot added PR: merge conflicts / rebase needed and removed PR: waiting for review For PRs that are complete, tested, and ready for review labels Aug 14, 2023
@github-actions
Copy link
Contributor

This pull request has conflicts, please resolve those before we can evaluate the pull request.

Co-Authored-By: Jason <84899178+jasonhenriquez@users.noreply.github.com>
@github-actions
Copy link
Contributor

Conflicts have been resolved. A maintainer will review the pull request shortly.

@ChunkyProgrammer
Copy link
Member Author

@FreeTubeBot FreeTubeBot merged commit 2d934ea into FreeTubeApp:development Aug 14, 2023
PikachuEXE added a commit to PikachuEXE/FreeTube that referenced this pull request Aug 15, 2023
* feature/playlist-2023-05: (36 commits)
  ! Fix default playlists added when no playlist stored had no required attributes added on 1st run
  Translated using Weblate (Ukrainian)
  Translated using Weblate (Czech)
  Translated using Weblate (Hungarian)
  Translated using Weblate (Estonian)
  Translated using Weblate (Chinese (Simplified))
  Translated using Weblate (Turkish)
  Translated using Weblate (Arabic)
  local API: Support Post Live DVR videos (FreeTubeApp#3872)
  Make profiles keyboard accessible (FreeTubeApp#3863)
  Bump @babel/preset-env from 7.22.9 to 7.22.10 (FreeTubeApp#3882)
  Bump @babel/eslint-parser from 7.22.9 to 7.22.10 (FreeTubeApp#3880)
  Bump eslint-plugin-vuejs-accessibility from 2.1.0 to 2.2.0 (FreeTubeApp#3883)
  Bump marked from 7.0.0 to 7.0.2 (FreeTubeApp#3881)
  Bump eslint-plugin-vue from 9.16.1 to 9.17.0 (FreeTubeApp#3879)
  Bump @babel/core from 7.22.9 to 7.22.10 (FreeTubeApp#3877)
  Bump stylelint-high-performance-animation from 1.8.0 to 1.9.0 (FreeTubeApp#3878)
  Bump sass from 1.64.2 to 1.65.1 (FreeTubeApp#3876)
  Bump eslint from 8.46.0 to 8.47.0 (FreeTubeApp#3875)
  Translated using Weblate (Italian)
  ...
@ChunkyProgrammer ChunkyProgrammer deleted the make-profiles-keyboard-accessible branch August 15, 2023 19:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: dependencies Pull requests that update a dependency file
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Adding eslint-plugin-vuejs-accessibility to linter rules
5 participants