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

Replace table role with treegird for screenreader #197

Merged
merged 1 commit into from
May 15, 2024
Merged

Conversation

jatindersingh93
Copy link
Contributor

@jatindersingh93 jatindersingh93 commented May 14, 2024

Change Table role to treegrid
Change cell role to treeitem
Tab Navigation across table
Make sure screen reader readout navigation buckets
SC3689

Description

Types of changes

Checklist

  • I have read the CONTRIBUTING doc
  • I have checked that unit tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works
  • I have added necessary documentation (if appropriate)

Further comments

Copy link

Coverage Report (Application)

Totals Coverage
Statements: 70.67% ( 53 / 75 )
Methods: 62.5% ( 5 / 8 )
Lines: 81.63% ( 40 / 49 )
Branches: 44.44% ( 8 / 18 )

Copy link

codeclimate bot commented May 14, 2024

Code Climate has analyzed commit 3fbc4b8 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 66.6% (50% is the threshold).

This pull request will bring the total coverage in the repository to 24.7% (0.0% change).

View more on Code Climate.

Copy link

Coverage Report (Frontend)

Totals Coverage
Statements: 19.54% ( 706 / 3613 )
Methods: 18.82% ( 134 / 712 )
Lines: 23.41% ( 491 / 2097 )
Branches: 10.07% ( 81 / 804 )

frontend/src/components/bucket/BucketTable.vue Outdated Show resolved Hide resolved
table tbody,
table tbody tr td:focus-visible{
outline: 0 none;
box-shadow: inset 0px 0px 0 0.1rem #a6d5fa;
Copy link
Contributor

Choose a reason for hiding this comment

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

we used a width or 0.2rem for the anchors. (see line 83).
maybe this should also be: box-shadow: 0 0 0 0.2rem #a6d5fa; or we make them all 0.1rem

Copy link
Contributor Author

@jatindersingh93 jatindersingh93 May 14, 2024

Choose a reason for hiding this comment

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

I tried that earlier but it does not seems to be working for td and hiding left and bottom shadow. .2rem should work.

@TimCsaky TimCsaky merged commit 9b0f424 into master May 15, 2024
18 of 19 checks passed
@TimCsaky TimCsaky deleted the SC3659 branch May 17, 2024 20:46
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