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: Add keyboard handling for XArray HTML view #9412

Merged
merged 1 commit into from
Aug 29, 2024

Conversation

srijan55
Copy link
Contributor

The default html view generated via XArray uses hidden checkboxes to achieve collapse expand behaviour. This PR -
Makes the hidden checkboxes visible with 0 opacity , to make them accessible via keyboard Make style changes to associated labels for focus, to highlight where the keyboard focus is Change the grid layout to account for the invisible checkboxes

Video.Project.2.mp4

issue - #9397

The default html view generated via XArray uses hidden checkboxes to achieve collapse expand behaviour.
This PR -
Makes the hidden checkboxes visible with 0 opacity , to make them accessible via keyboard
Make style changes to associated labels for focus, to highlight where the keyboard focus is
Change the grid layout to account for the invisible checkboxes
Copy link

welcome bot commented Aug 29, 2024

Thank you for opening this pull request! It may take us a few days to respond here, so thank you for being patient.
If you have questions, some answers may be found in our contributing guidelines.

@max-sixty max-sixty added the plan to merge Final call for comments label Aug 29, 2024
@dcherian
Copy link
Contributor

Very nice! Thank you.

@max-sixty max-sixty merged commit d33e4ad into pydata:main Aug 29, 2024
40 checks passed
Copy link

welcome bot commented Aug 29, 2024

Congratulations on completing your first pull request! Welcome to Xarray! We are proud of you, and hope to see you again! celebration gif

@max-sixty
Copy link
Collaborator

Thanks @srijan55 ! Any other keyboard shortcuts very welcome!

hollymandel pushed a commit to hollymandel/xarray that referenced this pull request Aug 30, 2024
The default html view generated via XArray uses hidden checkboxes to achieve collapse expand behaviour.
This PR -
Makes the hidden checkboxes visible with 0 opacity , to make them accessible via keyboard
Make style changes to associated labels for focus, to highlight where the keyboard focus is
Change the grid layout to account for the invisible checkboxes
dcherian added a commit to dcherian/xarray that referenced this pull request Aug 30, 2024
* main:
  Accessibility: Add keyboard handling for XArray HTML view (pydata#9412)
  [pre-commit.ci] pre-commit autoupdate (pydata#9316)
  [skip-ci] Speed up docs build by limiting toctrees (pydata#9395)
  fix the failing `pre-commit.ci` runs (pydata#9411)
  Update benchmarks.yml (pydata#9406)
  GroupBy(multiple groupers) (pydata#9372)
  Encode/decode property tests use variables() (pydata#9401)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
plan to merge Final call for comments topic-html-repr
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants