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

fix(pagination): add current page information for screen readers #6637

Merged
merged 2 commits into from
Mar 24, 2023

Conversation

jcfranco
Copy link
Member

Related Issue: #5590

Summary

Add aria-current to provide state information.

@jcfranco jcfranco requested a review from a team as a code owner March 23, 2023 17:37
@github-actions github-actions bot added the bug Bug reports for broken functionality. Issues should include a reproduction of the bug. label Mar 23, 2023
@jcfranco
Copy link
Member Author

@geospatialem Do you have any suggestions on how we could automate testing for this?

Copy link
Member

@driskull driskull left a comment

Choose a reason for hiding this comment

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

LGTM!

@geospatialem
Copy link
Member

geospatialem commented Mar 23, 2023

@geospatialem Do you have any suggestions on how we could automate testing for this?

Can't think of a way for us to add in an automated test with axe specific to the attribute, other than the general it("is accessible"... asynchronous overall test we perform since its not prop-related.

We could potentially add in more attributes to the current test... (sample below). @jcfranco WDYT?

<calcite-pagination></calcite-pagination>

to

<calcite-pagination page-size="10" start-item="50" total-items="100"></calcite-pagination>

@jcfranco jcfranco merged commit 335f947 into master Mar 24, 2023
@jcfranco jcfranco deleted the jcfranco/5590-add-aria-current-to-pagination branch March 24, 2023 20:07
benelan added a commit that referenced this pull request Mar 27, 2023
…ocus-revert

* origin/master: (30 commits)
  fix(modal): prevent error when calling setFocus on a recently rendered and opened modal (`dist-custom-elements`) (#6666)
  fix(tile-select): fix click not firing in custom-elements build (#6665)
  fix(card): provide more meaningful screen reader label for selectable cards (deprecates `deselect` message override) (#6657)
  fix(pagination): add current page information for screen readers (#6637)
  chore: update jsbin sample to CC 1.0 breaking changes and latest jsapi version (#6651)
  feat(text-area): add calcite-text-area component (#5644)
  chore(release): 1.1.1-next.2
  fix(tile): adds styling to `tile` where `link` is present for additional distinction (#6628)
  docs(input, input-number, input-text): api consistency across components (#6634)
  docs(accordion-item): add actions-start and actions-end slots (#6631)
  docs(modal): kebab-case slot names and sticky context (#6625)
  chore(release): 1.1.1-next.1
  fix: restore form control validation in Safari (#6623)
  chore(linting): fix linting errors (#6613)
  build(deps): Bump eslint-plugin-react from 7.31.11 to 7.32.2 (#6619)
  build(deps): Bump eslint from 8.35.0 to 8.36.0 (#6620)
  build(deps): Bump @types/lodash-es from 4.17.6 to 4.17.7 (#6621)
  build: fix peer dependency resolution error (#6611)
  ci: update user-defined priority (#6609)
  build: update browserslist db (#6527)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Bug reports for broken functionality. Issues should include a reproduction of the bug.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants