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

Card headings do not scale properly with Accessibility plugin text resize. Headings also appear to not scale proportionally #658

Open
DrBazUK opened this issue Nov 18, 2024 · 3 comments

Comments

@DrBazUK
Copy link

DrBazUK commented Nov 18, 2024

I've noticed that on desktop and mobile views of my staging site, I find that the CARD headings do not scale properly when using the Accessibility plugin (Wordpress https://wpaccessibility.io/?utm_source=wp-plugins&utm_campaign=author-uri&utm_medium=wp-dash)

To Reproduce
Steps to reproduce the behavior:

  1. Go to any page on the staging site
  2. Click on One touch accessibility toolbar
  3. Scroll down to text size increase
  4. Click on increase text size
  5. See that the H3 on Cards increases much more than other headings and does not behave the same as Panel H2 headings which increase more normally

Expected behavior
The H3 Card headings should scale more linearly with the accessibilty tool

Screenshots
This is the appearance by default with no change to the text size:
image

The below image shows the result on desktop when the increase text size button has been clicked once. The Cards all scale up much faster than other headings.
image

The other headings also seem to "misbehave". This is how they appear without any changes to the text size:
image

And now with one increase text click on the One Touch Accessibility toolbar:
image

Desktop (please complete the following information):

  • OS: Windows 11 23H2
  • Browser Edge, (also impacts Chrome and Firefox on windows)
  • Version 131.0.2903.48

Smartphone (please complete the following information):

  • Device: iPhone 15 Pro Max
  • OS: iOS 18.3 beta
  • Browser Brave,
  • Version 1.71 (125)
  • Browser Chrome
  • Version 131.0.6778.73

Additional context
Add any other context about the problem here.

@maheshmuralip
Copy link
Contributor

Thanks @DrBazUK. We will check this.

@DrBazUK
Copy link
Author

DrBazUK commented Dec 16, 2024

I've swapped out my Accessibility tool and found that the "AllAccessible" tool works better for heading and Care card resizing but still struggles with text on the card contents:
image
Original text sizes

image
+100% font Size updates Headings (H1 to H6) and Care Card/Warning Call out headings but doesn't scale the Card Contents

@maheshmuralip
Copy link
Contributor

Thanks @DrBazUK for the inputs.

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

No branches or pull requests

2 participants