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

[Bug] Large Font Accessibility issue #12645

Open
3 tasks done
masukomi opened this issue Apr 27, 2024 · 2 comments
Open
3 tasks done

[Bug] Large Font Accessibility issue #12645

masukomi opened this issue Apr 27, 2024 · 2 comments
Labels

Comments

@masukomi
Copy link

Prerequisites

  • I searched for any existing report about this bug to avoid opening a duplicate.
  • I can reproduce this bug in a new, unmodified web browser profile with Dark Reader installed as the only extension.
  • I understand I need to use the Broken Website Report template if this bug I am reporting occurs on a single website.

Bug Description

When your browser is set to use large fonts (and a minimum font size) things start degrading quickly.

The first screenshot shows what happens with the fonts at 20pt (my default). The second is at 30.
Note that the "only for this website" button is barely clickable in the first and non-existent in the second.

I think the solution I'd /like/ to see is to have the window width expand horizontally and vertically to accommodate the contents instead of scroll bars. I'm betting that's easier said than done, but it's also what i'd prefer as a large font user. Constantly seeing and dealing with scroll bars that no-one else has to is really annoying unless there's an absolute need.

Website Address

https://darkreader.org/

Steps To Reproduce

Increase your font size.
Increase your MINIMUM font size.
Click the Dark Reader icon.

Expected Behavior

as a low vision user I expect to be able to be shown, and be able to click on everything that a perfect vision user can see. I also expect text that is within the borders of a box to remain within the borders of a box when displayed with larger fonts.

Actual Behavior

Depending on how large my font is i may not see an item, or it may be obscured by other items or the window edge such that it has a very small click target. Additionally many buttons (ex. "Dev Tools" in the second screenshot) have their text overflowing the bounds of the boxes they reside within.

Note: as fine motor control & eyesight both have a tendency to degrade with age small click targets are relevant here.

Screenshots

CleanShot 2024-04-27 at 10 07 33@2x
CleanShot 2024-04-27 at 10 09 47@2x

Operating System

macOS

Web Browser name and version

Firefox 126.0b4

Dark Reader version

Version 4.9.83

Additional Context

the web site doesn't matter. this is an accessibility problem with the extension itself.

@masukomi masukomi added the bug label Apr 27, 2024
@wndxlori
Copy link

As a person with degraded vision, I too experience this issue. Please fix.

@charmarkk
Copy link
Contributor

Good catch @masukomi! Darkreader is an indispensable accessibility tool for many (I recommend it all the time in my line of work, with much praise for the extension and team), would love to see this fixed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants