Skip to content
This repository has been archived by the owner on Apr 26, 2024. It is now read-only.

fix: add aria-pressed to dark mode toggle #2888

Merged
merged 2 commits into from Oct 8, 2022

Conversation

EmmaDawsonDev
Copy link
Contributor

Description

Just a small change but now the dark mode toggle reads out the state of the button (pressed when dark mode is activated and not-pressed when lightmode is activated) for better feedback for screen reader users.

Related Issues

Check List

  • I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • I have run npm run lint:js -- --fix and/or npm run lint:md -- --fix for my JavaScript and/or Markdown changes.
    • This is important as most of the cases your code changes might not be correctly linted
  • I have run npm run test to check if all tests are passing, and/or npm run test -- -u to update snapshots if I created and/or updated React Components.
  • I have checked that the build works locally and that npm run build work fine.
  • I've covered new added functionality with unit tests if necessary.

@codecov-commenter
Copy link

Codecov Report

Base: 66.02% // Head: 67.14% // Increases project coverage by +1.11% 🎉

Coverage data is based on head (607d654) compared to base (fd57b87).
Patch has no changes to coverable lines.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #2888      +/-   ##
==========================================
+ Coverage   66.02%   67.14%   +1.11%     
==========================================
  Files         118      127       +9     
  Lines        1351     1473     +122     
  Branches      342      364      +22     
==========================================
+ Hits          892      989      +97     
- Misses        422      444      +22     
- Partials       37       40       +3     
Impacted Files Coverage Δ
src/__fixtures__/hooks.tsx 100.00% <ø> (ø)
src/__fixtures__/page.tsx 94.11% <ø> (-5.89%) ⬇️
...components/ApiComponents/Components/ApiHeading.tsx 100.00% <ø> (+100.00%) ⬆️
...rc/components/ApiComponents/Components/ApiLink.tsx 100.00% <ø> (+100.00%) ⬆️
...ents/ApiComponents/Components/SourceLink/index.tsx 50.00% <ø> (+50.00%) ⬆️
...ApiComponents/Components/VersionSelector/index.tsx 100.00% <ø> (+100.00%) ⬆️
src/components/ApiComponents/index.tsx 100.00% <ø> (+100.00%) ⬆️
src/components/Article/index.tsx 100.00% <ø> (ø)
src/components/Banner/index.tsx 100.00% <ø> (ø)
src/components/Codebox/index.tsx 100.00% <ø> (ø)
... and 95 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

Copy link
Member

@ovflowd ovflowd left a comment

Choose a reason for hiding this comment

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

Learning new stuff every day, with your a11y contributions! Gonna give a read about aria-pressed later 👀

Thank you for your contribution again! Truly appreciate them 💖

@ovflowd ovflowd added the hacktoberfest-accepted Used to label PR's label Oct 8, 2022
@ovflowd ovflowd merged commit 703c307 into nodejs:main Oct 8, 2022
@EmmaDawsonDev
Copy link
Contributor Author

Learning new stuff every day, with your a11y contributions! Gonna give a read about aria-pressed later 👀

Thank you for your contribution again! Truly appreciate them 💖

Thank you! I'm really enjoying contributing to the project :D

@EmmaDawsonDev EmmaDawsonDev deleted the fix/dark-mode-toggle branch October 8, 2022 18:00
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
hacktoberfest-accepted Used to label PR's
Projects
None yet
3 participants