Skip to content

[a11y]: MODAL - Loss of content is observed when page is magnified to 400% #20259

@LyndseyBu

Description

@LyndseyBu

Package

@carbon/react

Browser

Firefox

Operating System

MacOS

Package version

1.81.0

React version

17.0.2

Automated testing tool and ruleset

AVT2 manual testing by AVT team

Assistive technology

No response

Description

Issue description: Loss of content is observed when page is magnified to 400%

using storybook as an example : https://react.carbondesignsystem.com/iframe.html?globals=&args=&id=components-modal--danger-modal&viewMode=story

zoom in to 400%

Image

WCAG 2.1 Violation

WCAG Mapping: 1.4.10 Reflow

Reproduction/example

https://react.carbondesignsystem.com/iframe.html?globals=&args=&id=components-modal--danger-modal&viewMode=story

Steps to reproduce

https://react.carbondesignsystem.com/iframe.html?globals=&args=&id=components-modal--danger-modal&viewMode=story
zoom browser to 400%

Suggested Severity

None

Code of Conduct

Metadata

Metadata

Assignees

Type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions