Skip to content

USWDS - Accordion: Windows High Contrast Mode#4521

Merged
mejiaj merged 40 commits into
cm-high-contrast-a11yfrom
cm-hc-accordion
Mar 21, 2022
Merged

USWDS - Accordion: Windows High Contrast Mode#4521
mejiaj merged 40 commits into
cm-high-contrast-a11yfrom
cm-hc-accordion

Conversation

@mahoneycm

@mahoneycm mahoneycm commented Feb 14, 2022

Copy link
Copy Markdown
Contributor

Preview

Accordion →

Description

Resolves #4517 accordion issues

Replaced the add-background-svg functions with place-icon in order to ensure visibility in Windows High Contrast mode.

Additional information

Currently:

image

After fix:

image

Works with light or dark themes

image

Default view

This solution maintains appearance outside of WHC as well.

image

Current build on left // Fix build on the right

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

aduth and others added 13 commits October 5, 2021 08:20
Because currently, it is not testing anything.
The following updates have been made to remove redundancies with the updated Getting Started guidance for developers and per conversation with the dev team:
–"Download and install" has been made more specific: "Download and install without npm."
–"Install using npm" has been removed. References to this section have tentatively been replaced with "NEW LINK," and prior to publication, will be replaced with the link to the updated web guidance for Getting Started for devs.
–Content of "Use another framework or package manager" has been moved up to appear under "Using the design system."
–"Accessibility" has been updated to note a few of the tools we use to ensure USWDS is accessible.
Added link to new dev guidance
Co-authored-by: James Mejia <james.mejia@gsa.gov>
@mahoneycm mahoneycm requested a review from mejiaj February 14, 2022 21:35
@mahoneycm mahoneycm linked an issue Feb 14, 2022 that may be closed by this pull request
8 tasks
@mahoneycm mahoneycm mentioned this pull request Feb 14, 2022
8 tasks
dependabot Bot and others added 2 commits February 15, 2022 01:32
Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.14.7 to 1.14.8.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](follow-redirects/follow-redirects@v1.14.7...v1.14.8)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

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

Bump follow-redirects from 1.14.7 to 1.14.8

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Added some initial comments. Let's contain any HCM changes to the appropriate media query. Having them in as default could be confusing.

Comment thread src/stylesheets/components/_accordions.scss Outdated
Comment thread src/stylesheets/components/_accordions.scss

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good overall! Added some suggestions.

Also, don't forget to run prettier for formatting.

Comment thread src/stylesheets/components/_accordions.scss Outdated
Comment thread src/stylesheets/components/_accordions.scss Outdated
Comment thread src/stylesheets/components/_accordions.scss Outdated
Comment thread src/stylesheets/components/_accordions.scss Outdated
@mahoneycm mahoneycm requested a review from mejiaj March 21, 2022 14:38

@thisisdano thisisdano left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM once James's comments are addressed

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Fantastic, thank you!

@mejiaj mejiaj merged commit 847c395 into cm-high-contrast-a11y Mar 21, 2022
@mejiaj mejiaj deleted the cm-hc-accordion branch March 21, 2022 18:17
mahoneycm pushed a commit that referenced this pull request Mar 23, 2022
This reverts commit 847c395, reversing
changes made to 845924d.
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.

Allow changing of the accordion plus/minus text color Phase 1: Windows HC Fixes

6 participants