carbon-for-ibm-dotcom icon indicating copy to clipboard operation
carbon-for-ibm-dotcom copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[Pricing Table]: QA: After applying text spacing, text content in the page is getting overlapped.

Open Gopi916 opened this issue 2 years ago • 4 comments

Engineering info:

  • Innovation Team engineer:
  • Innovation Team JIRA Ticket: https://jsw.ibm.com/browse/ADCMS-2456
  • DPO consulting engineer: N/A

Description

Page element: Text content

Issue : After applying text spacing, text content in the page is getting overlapped.

Expected: All the elements in the page should be visible clearly after applying text spacing as well.

User Impact: If there is a loss of content or functionality When users override author specified text spacing to improve their reading experience, it affects users with low vision / user suffering from dyslexia.

Component(s) impacted

Pricing Table

Browser

Firefox

Carbon for IBM.com version

v1.36.0-rc.0

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

Carbon for IBM.com

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://carbon-design-system.github.io/carbon-for-ibm-dotcom/canary/web-components-experimental

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

Gopi916 avatar Jul 25 '22 10:07 Gopi916

Hi there, @Gopi916! Can you provide a screenshot that demonstrates the problem, and better yet, steps to reproduce the issue? What tool are you using to adjust text spacing? Thank you!

jkaeser avatar Jul 25 '22 18:07 jkaeser

Hi @jkaeser Please find the issue screenshot below. image I used Text spacing bookmarklet from w3.org website to adjust text spacing. Please let me know if you need more details. Thanks!

Gopi916 avatar Jul 26 '22 11:07 Gopi916

I used Text spacing bookmarklet from w3.org website to adjust text spacing. Please let me know if you need more details. Thanks!

Thanks for the information, @Gopi916! I wasn't able to find that bookmarklet, and other methods for adjusting the text spacing aren't reproducing what you're seeing:

  1. A different bookmarklet (https://holistica11y.com/text-spacing-bookmarklet-for-accessibility-testing/): Screen Shot 2022-08-05 at 11 59 26 AM
  2. Using the browser's dev tools: Screen Shot 2022-08-05 at 2 16 16 PM

Can you send me a link to the bookmarklet you're using or even paste it in a code snippet here?

jkaeser avatar Aug 05 '22 18:08 jkaeser

Thanks for the information, @Gopi916! I wasn't able to find that bookmarklet, and other methods for adjusting the text spacing aren't reproducing what you're seeing:

  1. A different bookmarklet (https://holistica11y.com/text-spacing-bookmarklet-for-accessibility-testing/): Screen Shot 2022-08-05 at 11 59 26 AM
  2. Using the browser's dev tools: Screen Shot 2022-08-05 at 2 16 16 PM

Can you send me a link to the bookmarklet you're using or even paste it in a code snippet here?

Bump @Gopi916 🙂

jkaeser avatar Aug 17 '22 14:08 jkaeser

Thanks for the information, @Gopi916! I wasn't able to find that bookmarklet, and other methods for adjusting the text spacing aren't reproducing what you're seeing:

  1. A different bookmarklet (https://holistica11y.com/text-spacing-bookmarklet-for-accessibility-testing/): Screen Shot 2022-08-05 at 11 59 26 AM
  2. Using the browser's dev tools: Screen Shot 2022-08-05 at 2 16 16 PM

Can you send me a link to the bookmarklet you're using or even paste it in a code snippet here?

Bump @Gopi916 🙂

Hello again, @Gopi916! I am going to close this ticket since I have not been able to reproduce it. Feel free to reopen it if you are still experiencing the issue and can provide steps to reproduce. Thanks!

jkaeser avatar Sep 13 '22 13:09 jkaeser