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 / header navigation list (accessibility) #173

Closed
wants to merge 4 commits into from

Conversation

langemike
Copy link

@langemike langemike commented Apr 5, 2024

This change wraps header navigation items within a list. We got this feedback from an accessibility auditor.

I did not want to apply "reset" styles to the <ul> within Layout.module.scss, because it belongs in the Header.module.scss. So I refactored the Header component to make this possible. I have also moved the .headerButton CSS code to Header.module.scss to separate the concerns.

I think we should submit this as an isolated PR to the JW team, because of the small refactor.

Ticket: OTT-1230

Copy link

@royschut royschut left a comment

Choose a reason for hiding this comment

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

Nice!

  • We should be aware that your change breaks other platforms (/repositories) that use <Header />.
  • Snapshots need an update

@langemike langemike temporarily deployed to Deployment Previews April 5, 2024 15:34 — with GitHub Actions Inactive
@langemike
Copy link
Author

langemike commented Apr 5, 2024

@royschut thanks for you feedback!

We should be aware that your change breaks other platforms (/repositories) that use <Header />.

Yes. Therefore I suggest submitting this PR isolated. I think there is no other way around it if we want to aim for an adequate solution.

@langemike langemike temporarily deployed to Deployment Previews April 8, 2024 10:40 — with GitHub Actions Inactive
@ChristiaanScheermeijer
Copy link
Member

@langemike, can we merge this to the accessibility branch or submit a PR to the public repo?

@langemike
Copy link
Author

submit a PR to the public repo

@ChristiaanScheermeijer I will do that, after I I fixed some rework bugs.

@langemike langemike added pr-submitted The PR has been submitted to the OTT Web App repo and removed pending-pr labels Apr 10, 2024
@langemike
Copy link
Author

Merged in base repo.

@langemike langemike closed this Apr 17, 2024
@royschut royschut deleted the fix/header-nav-buttons branch April 17, 2024 11:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pr-submitted The PR has been submitted to the OTT Web App repo
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants