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

Fixes Newsletter and the intro text which is not introtext in VBA it is Centralized Content #1924

Merged
merged 5 commits into from
Feb 27, 2024

Conversation

eselkin
Copy link
Contributor

@eselkin eselkin commented Feb 21, 2024

Summary

  • Updates graphql query. Uses correct source for intro text and updates newsletter content.
  • Processes centralized content for intro text.
  • Sitewide Facilities

Related issue(s)

Testing done

  • Checked content on tugboat. Checked at multiple viewport sizes.

Screenshots

Note: This field is mandatory for UI changes (non-component work should NOT have screenshots).

Before After
Benefits mobile Screenshot 2024-02-20 at 9 17 16 PM Screenshot 2024-02-23 at 1 14 34 PM
Benefits desktop Screenshot 2024-02-20 at 9 17 50 PM Screenshot 2024-02-23 at 12 40 35 PM
Intro text mobile Screenshot 2024-02-20 at 9 17 08 PM Screenshot 2024-02-20 at 9 06 26 PM
Intro text desktop Screenshot 2024-02-20 at 9 17 40 PM Screenshot 2024-02-20 at 9 05 47 PM

What areas of the site does it impact?

Only VBA pages

Acceptance criteria

  • Centralized content listed displays on a VBA regional office page
  • Requires design review (added to PR)
  • Requires accessibility review (added to PR)

Quality Assurance & Testing

  • I fixed|updated|added unit tests and integration tests for each feature (if applicable).
  • No sensitive information (i.e. PII/credentials/internal URLs/etc.) is captured in logging, hardcoded, or specs
  • Linting warnings have been addressed
  • Documentation has been updated (N/A)
  • Screenshot of the developed feature is added
  • Accessibility testing has been performed

Error Handling

  • Browser console contains no warnings or errors.
  • Events are being sent to the appropriate logging solution
  • Feature/bug has a monitor built into Datadog or Grafana (if applicable)

Authentication

  • Did you login to a local build and verify all authenticated routes work as expected with a test user

Requested Feedback

View Cleveland Regional Benefit Office on tugboat: https://web-ihqrv6rby5lxlkn8zqdxf9u7lk1aplcp.demo.cms.va.gov/cleveland-va-regional-benefit-office/locations/cleveland-va-regional-benefit-office/

@va-vfs-bot va-vfs-bot temporarily deployed to master/main/VACMS-14933-centralized-content-VBA-fix February 21, 2024 01:56 Inactive
@va-vfs-bot va-vfs-bot temporarily deployed to master/main/VACMS-14933-centralized-content-VBA-fix February 21, 2024 05:08 Inactive
@eselkin eselkin changed the title Fixes News and the intro text which is not introtext VBA since it is Centralized Content Fixes News and the intro text which is not introtext in VBA it is Centralized Content Feb 21, 2024
@eselkin eselkin changed the title Fixes News and the intro text which is not introtext in VBA it is Centralized Content Fixes Newsletter and the intro text which is not introtext in VBA it is Centralized Content Feb 21, 2024
@eselkin eselkin marked this pull request as ready for review February 21, 2024 05:27
@eselkin eselkin requested review from a team as code owners February 21, 2024 05:27
@@ -823,6 +823,7 @@ module.exports = function registerFilters() {
};

liquid.filters.replace = (string, oldVal, newVal) => {
if (!string) return null;
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

@laflannery
Copy link

@eselkin I know you only added the newsletter link here but can we add aria-hidden="true" to all the <i> elements in the "Get Updates" section? Would that be a lot of work?
image

@va-vfs-bot va-vfs-bot requested a review from a team February 21, 2024 16:12
Copy link
Collaborator

@va-vfs-bot va-vfs-bot left a comment

Choose a reason for hiding this comment

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

Icon found

Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.

What you can do

Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.

src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
@eselkin
Copy link
Contributor Author

eselkin commented Feb 21, 2024

@laflannery Added the aria-hidden="true" to the <i> icon tags.

Copy link

@laflannery laflannery left a comment

Choose a reason for hiding this comment

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

Thank you @eselkin! LGTM

@thejordanwood
Copy link

@eselkin In the Get updates section for mobile, is it possible to evenly space all of the links? The Facebook and Twitter links look close together in this example. It should have the same spacing as VAMC Get updates sections.

I'm unable to see the styling in your tugboat link, so can't see if this has already been addressed. My computer must be having some issues.

@eselkin
Copy link
Contributor Author

eselkin commented Feb 22, 2024

@thejordanwood The funny thing is I took the Vet Center's component and copied it. I'll take a look at VAMC now to see if that's a better system.

@va-vfs-bot va-vfs-bot requested a review from a team February 23, 2024 20:39
Copy link
Collaborator

@va-vfs-bot va-vfs-bot left a comment

Choose a reason for hiding this comment

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

Icon found

Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.

What you can do

Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.

src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
src/site/facilities/vba_social_links.drupal.liquid Outdated Show resolved Hide resolved
Copy link
Collaborator

@va-vfs-bot va-vfs-bot left a comment

Choose a reason for hiding this comment

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

Icon found

Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.

What you can do

Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.

@eselkin
Copy link
Contributor Author

eselkin commented Feb 23, 2024

@thejordanwood Restructured the spacing on the grid pieces in the Social updates section. It had been the same as the VAMC and Vet Center component, but because of the wording the spacing was off. This was because it wasn't guaranteed to be the same text since it can be changed by editors of the centralized. They should be cautious of changing the centralized text though, probably.

@thejordanwood
Copy link

@eselkin Thank you! This looks good to me.

@eselkin eselkin merged commit 16e1caf into main Feb 27, 2024
22 checks passed
@eselkin eselkin deleted the VACMS-14933-centralized-content-VBA-fix branch February 27, 2024 00:27
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.

6 participants