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: Updated accessibility role for buttons #8753

Merged
merged 7 commits into from
Feb 28, 2024
Merged

Conversation

brianacnguyen
Copy link
Contributor

@brianacnguyen brianacnguyen commented Feb 27, 2024

Description

  • Updated accessibility role for buttons and text inside buttons
  • Enabled 'Text' to accept accessibilityRole

Related issues

Fixes: #8630

Manual testing steps

  1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

  • I’ve followed MetaMask Coding Standards.
  • I've clearly explained what problem this PR is solving and how it is solved.
  • I've linked related issues
  • I've included manual testing steps
  • I've included screenshots/recordings if applicable
  • I’ve included tests if applicable
  • I’ve documented my code using JSDoc format if applicable
  • I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
  • I’ve properly set the pull request status:
    • In case it's not yet "ready for review", I've set it to "draft".
    • In case it's "ready for review", I've changed it from "draft" to "non-draft".

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

@brianacnguyen brianacnguyen added needs-dev-review PR needs reviews from other engineers (in order to receive required approvals) team-design-system All issues relating to design system in Mobile labels Feb 27, 2024
@brianacnguyen brianacnguyen self-assigned this Feb 27, 2024
@brianacnguyen brianacnguyen requested a review from a team as a code owner February 27, 2024 17:50
Copy link
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@brianacnguyen brianacnguyen requested a review from a team as a code owner February 27, 2024 19:37
@wachunei
Copy link
Member

I just want to note that the main issue described in #8630 is not fixed by this. The main issue is the button component to not have { accessibilityRole: "button", accessible: true } as props.

@brianacnguyen
Copy link
Contributor Author

I just want to note that the main issue described in #8630 is not fixed by this. The main issue is the button component to not have { accessibilityRole: "button", accessible: true } as props.

Updated

@brianacnguyen brianacnguyen changed the title fix: Updated accessibility role for text inside buttons fix: Updated accessibility role for buttons Feb 27, 2024
@M111111111r

This comment was marked as spam.

@codecov-commenter
Copy link

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 41.43%. Comparing base (b536b96) to head (284d615).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #8753   +/-   ##
=======================================
  Coverage   41.43%   41.43%           
=======================================
  Files        1270     1270           
  Lines       30833    30833           
  Branches     3043     3043           
=======================================
  Hits        12775    12775           
  Misses      17295    17295           
  Partials      763      763           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link

sonarcloud bot commented Feb 27, 2024

Quality Gate Passed Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

@brianacnguyen brianacnguyen merged commit 70eff9c into main Feb 28, 2024
28 checks passed
@brianacnguyen brianacnguyen deleted the fix/accessibility branch February 28, 2024 00:32
@github-actions github-actions bot locked and limited conversation to collaborators Feb 28, 2024
@github-actions github-actions bot removed the needs-dev-review PR needs reviews from other engineers (in order to receive required approvals) label Feb 28, 2024
@metamaskbot metamaskbot added the release-7.18.0 Issue or pull request that will be included in release 7.18.0 label Feb 28, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
release-7.18.0 Issue or pull request that will be included in release 7.18.0 team-design-system All issues relating to design system in Mobile
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

[Bug]: Incorrect Accessibility Role for Text Inside Buttons Causes a11y Test Failures
6 participants