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.

Sign up for GitHub

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

Jump to bottom

Usability issues with text-only browser zoom #7965

Closed
quincylvania opened this issue Sep 9, 2020 · 1 comment · Fixed by #7979
Closed

Usability issues with text-only browser zoom #7965

quincylvania opened this issue Sep 9, 2020 · 1 comment · Fixed by #7979
Assignees
@quincylvania
Labels
accessibility Relates to personal ability or assistive tools bug A bug - let's fix this! usability An issue with ease-of-use or design
Milestone
2.19.0

Comments

@quincylvania
Copy link
Collaborator

quincylvania commented Sep 9, 2020 •
edited
Loading

Most browser support increasing the text size of the page while leaving the size of images and other elements alone. This is a useful accessibility feature, but fails if text containers have a fixed size and the larger text overflows.

We need to audit iD for instances where this happens, since there are clearly some issues…

Screen Shot 2020-09-09 at 2 19 30 PM

Re: #7713
@quincylvania quincylvania added bug A bug - let's fix this! usability An issue with ease-of-use or design labels Sep 9, 2020
@quincylvania quincylvania self-assigned this Sep 9, 2020
quincylvania added a commit that referenced this issue Sep 9, 2020
@quincylvania
Begin making UI adapt correctly to scaled text sizes (re: #7965)
e6703cb
quincylvania added a commit that referenced this issue Sep 10, 2020
@quincylvania
Continue making the UI responsive to text zoom (re: #7965)
b980e47
quincylvania added a commit that referenced this issue Sep 10, 2020
@quincylvania
More progress on #7965
42efdf2
@quincylvania quincylvania mentioned this issue Sep 11, 2020
Merged
quincylvania added a commit that referenced this issue Sep 11, 2020
@quincylvania
Further progress on #7965
0467942
@quincylvania quincylvania added this to the 2.19.0 milestone Sep 11, 2020
@quincylvania
Copy link
Collaborator Author

Spent a lot of energy finessing the UI for this, and I'm pretty happy with the result. It's not perfect but it's gone from unusable to usable.

Screen Shot 2020-09-11 at 1 07 59 PM

@quincylvania quincylvania added the accessibility Relates to personal ability or assistive tools label Sep 14, 2020
@quincylvania quincylvania mentioned this issue Oct 27, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@quincylvania quincylvania

Labels
accessibility Relates to personal ability or assistive tools bug A bug - let's fix this! usability An issue with ease-of-use or design
Projects
None yet
Milestone
2.19.0
Development

Successfully merging a pull request may close this issue.

Make the UI scalable for text-only browser zoom openstreetmap/iD
1 participant
@quincylvania