Skip to content

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
@welcome
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
@welcome
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)
@benbovy benbovy mentioned this pull request Dec 16, 2025
2 tasks
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