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

remove usa-skipnav from touchpoints-skipnav #597

Merged
merged 2 commits into from
Sep 11, 2023

Conversation

BobanL
Copy link
Contributor

@BobanL BobanL commented Sep 8, 2023

Related Issue or Background Info

  • Resolves 6364
    • After using the skipnav for "Skip to feedback" the touchpoints button becomes inaccessible via tab.

Changes Proposed

  • Remove usa-skipnav from touchpoints skipnav

Additional Information

  • usa-skipnav will set the tabIndex to -1 after the current object has been blured so we cannot use that.

Testing

  • Deployed to dev1
  • Touchpoints is accessible

@@ -406,7 +406,7 @@ function FBAform(d, N) {
},
loadFeebackSkipLink: function () {
this.skipLink = document.createElement("a");
this.skipLink.setAttribute("class", "usa-skipnav touchpoints-skipnav");
Copy link
Collaborator

@emyl3 emyl3 Sep 8, 2023

Choose a reason for hiding this comment

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

I'm wondering if instead of removing it from this file... in the sr-touchpoints.js file we remove the usa-skipnav class

const feedbackSkipLink = document.querySelector(".touchpoints-skipnav");
feedbackSkipLink.classList.remove("usa-skipnav");

so it is easier to maintain in the future? 🤔

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think it makes sense. The comment on top of the file says it was just copied from a different place. It would be possible that it just gets deleted here by accident.

/**
 * Script taken from our touchpoints configuration here: https://touchpoints.app.cloud.gov/touchpoints/2a6e9509.js
 * NOTE: When updating script ensure sr-touchpoints.js works as intended
 */

@BobanL BobanL requested a review from emyl3 September 11, 2023 13:06
Copy link
Collaborator

@emyl3 emyl3 left a comment

Choose a reason for hiding this comment

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

LGTM! Thank you!!!

@BobanL BobanL merged commit 9b8d2bc into main Sep 11, 2023
7 checks passed
@BobanL BobanL deleted the boban/6364-fix-touchpoint-nav-bug branch September 11, 2023 15:28
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.

[BUG - Static Site] Cannot navigate to touchpoints modal button with keyboard
3 participants