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

chore(meter): added role="meter progressbar" in meter component #3459

Merged
merged 1 commit into from Jul 18, 2023

Conversation

Rajdeepc
Copy link
Contributor

@Rajdeepc Rajdeepc commented Jul 18, 2023

Description

Added a11y role="meter progress" instead of just "progressbar"

Related issue(s)

Motivation and context

Meter component must use role="meter". (WAI-ARIA allows multiple roles to be specified as an ordered set of space-separated valid role tokens. The additional roles are fallback roles similar to the concept of specifying multiple fonts in case the first choice font type is not supported) React-Spectrum uses role="meter progressbar" as role for meter component in which case progressbar is considered a fallback option if for some reason the meter role is not recognized.

How has this been tested?

Screen Reader and Accessibility tree

  • Test case 1
    1. Go here
    2. Do this
  • Test case 2
    1. Go here
    2. Do this

Screenshots (if appropriate)

Screenshot 2023-07-18 at 2 54 15 PM

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

@Rajdeepc Rajdeepc added a11y Issues related to accessibility Component: Meter labels Jul 18, 2023
@Rajdeepc Rajdeepc marked this pull request as ready for review July 18, 2023 09:29
@Rajdeepc Rajdeepc linked an issue Jul 18, 2023 that may be closed by this pull request
1 task
@github-actions
Copy link

Tachometer results

Chrome

meter permalink

Version Bytes Avg Time vs remote vs branch
npm latest 387 kB 89.32ms - 90.58ms - unsure 🔍
-1% - +1%
-0.49ms - +1.18ms
branch 388 kB 89.05ms - 90.15ms unsure 🔍
-1% - +1%
-1.18ms - +0.49ms
-
Firefox

meter permalink

Version Bytes Avg Time vs remote vs branch
npm latest 387 kB 260.76ms - 281.92ms - unsure 🔍
-8% - +3%
-22.85ms - +7.89ms
branch 388 kB 267.67ms - 289.97ms unsure 🔍
-3% - +8%
-7.89ms - +22.85ms
-

Copy link
Collaborator

@Westbrook Westbrook left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for getting this in.

Point of order, chore changes will not be automatically added to the change long. I'll swap this with fix when I merge the PR, but check out https://www.conventionalcommits.org/en/v1.0.0/ for more info in this area.

@Westbrook Westbrook merged commit d2eccef into main Jul 18, 2023
47 checks passed
@Westbrook Westbrook deleted the bug/meter-3155 branch July 18, 2023 11:29
TarunAdobe added a commit that referenced this pull request Jul 19, 2023
* fix(meter): added role meter progressbar in meter component (#3459)

Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>

* docs: updated swatch mixed documentations (#3455)

Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>

* fix(textfield): update focus state when [multiline][quiet] (#3452)

* fix: menu item missing aria labels (#3417)

* testing

* fix(menu): menu-item with submenu lacks aria-haspopup and aria-expanded

* fix(menu): added aria-expanded and aria-haspopup to menu-item

* fix(menu): fixed the aria-controls attribute of menu-item

* fix(menu): reviewed changes

* fix(menu): reviewed changes-2

* fix(menu): removed the comment

* fix(menu): removed white space

* fix(menu): white space removed

* chore: bump @web/test-runner from 0.16.1 to 0.17.0

Bumps [@web/test-runner](https://github.com/modernweb-dev/web/tree/HEAD/packages/test-runner) from 0.16.1 to 0.17.0.
- [Release notes](https://github.com/modernweb-dev/web/releases)
- [Changelog](https://github.com/modernweb-dev/web/blob/master/packages/test-runner/CHANGELOG.md)
- [Commits](https://github.com/modernweb-dev/web/commits/@web/test-runner@0.17.0/packages/test-runner)

---
updated-dependencies:
- dependency-name: "@web/test-runner"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: bump webpack-bundle-analyzer from 4.8.0 to 4.9.0

Bumps [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) from 4.8.0 to 4.9.0.
- [Release notes](https://github.com/webpack-contrib/webpack-bundle-analyzer/releases)
- [Changelog](https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md)
- [Commits](webpack-contrib/webpack-bundle-analyzer@v4.8.0...v4.9.0)

---
updated-dependencies:
- dependency-name: webpack-bundle-analyzer
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: bump netlify-cli from 12.12.0 to 15.9.0

Bumps [netlify-cli](https://github.com/netlify/cli) from 12.12.0 to 15.9.0.
- [Release notes](https://github.com/netlify/cli/releases)
- [Changelog](https://github.com/netlify/cli/blob/main/CHANGELOG.md)
- [Commits](netlify/cli@v12.12.0...v15.9.0)

---
updated-dependencies:
- dependency-name: netlify-cli
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: bump husky from 8.0.2 to 8.0.3

Bumps [husky](https://github.com/typicode/husky) from 8.0.2 to 8.0.3.
- [Release notes](https://github.com/typicode/husky/releases)
- [Commits](typicode/husky@v8.0.2...v8.0.3)

---
updated-dependencies:
- dependency-name: husky
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: bump word-wrap from 1.2.3 to 1.2.4

Bumps [word-wrap](https://github.com/jonschlinkert/word-wrap) from 1.2.3 to 1.2.4.
- [Release notes](https://github.com/jonschlinkert/word-wrap/releases)
- [Commits](jonschlinkert/word-wrap@1.2.3...1.2.4)

---
updated-dependencies:
- dependency-name: word-wrap
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: bump @types/react from 18.0.25 to 18.2.15

Bumps [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) from 18.0.25 to 18.2.15.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

---
updated-dependencies:
- dependency-name: "@types/react"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Rajdeep Chandra <rajdeep.chandra@bsil.com>
Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>
Co-authored-by: Piyush Vashisht <pvashish@adobe.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issues related to accessibility Component: Meter
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Meter component is using progressbar role instead of meter role
2 participants