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

Some header content becomes illegible when zoomed to 200% #155

Open
alisonrae opened this issue Apr 17, 2019 · 3 comments
Open

Some header content becomes illegible when zoomed to 200% #155

alisonrae opened this issue Apr 17, 2019 · 3 comments
Assignees
Labels
Accessibility Accessibility issues break WCAG guidelines or best practices

Comments

@alisonrae
Copy link
Collaborator

Check this issue in Firefox > View > Zoom > Zoom text alone

On the global navigation menu, the "Accessible eStore" logo gets cut off on the right side when content is zoomed to 200%. The links on the top right corner, Stores and Contact, also get cut off at the bottom.

@aevanson aevanson added the Accessibility Accessibility issues break WCAG guidelines or best practices label Apr 17, 2019
@aevanson aevanson removed their assignment Apr 18, 2019
@aevanson aevanson added this to the Global Accessibility Day milestone Apr 18, 2019
@aevanson
Copy link
Collaborator

aevanson commented May 9, 2019

Might just need to switch from fixed height to min-height, to allow the header to grow as needed.

@liskulic
Copy link
Collaborator

liskulic commented May 13, 2019

This is due to the max-width of 560px set on this element.

<nav class="primary-nav" aria-label="Primary" data-js="hamburger-dropdown">

Removing this rule, results in this for desktop (the L1 menu items are more spaced apart now that the width fills its container):
Screen Shot 2019-05-13 at 11 36 36 AM

Zooming in 200% for text only looks like this:
Screen Shot 2019-05-13 at 11 37 05 AM

Thoughts? @alisonrae, @aevanson, @brianelton

@brianelton
Copy link
Contributor

Moving to backlog.

@harmanda harmanda self-assigned this Feb 26, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Accessibility issues break WCAG guidelines or best practices
Projects
None yet
Development

No branches or pull requests

5 participants