Open Bug 2056350 Opened 1 month ago Updated 13 days ago

[a11y] Resizing the viewport causes horizontal scrolling

Categories

(Firefox :: Messaging System, defect, P1)

Firefox 154
defect

Tracking

()

ASSIGNED
Iteration:
155.2 - Aug 1 - Aug 12
Accessibility Severity s3

People

(Reporter: A02291979, Assigned: emcminn)

References

(Blocks 3 open bugs)

Details

(Keywords: access)

Attachments

(1 file)

Impacted Section/Element

About:welcome flow, HNT

Steps to Reproduce

Resize the window to 1280px wide and use Ctrl + to zoom to 400%.

Expected Behavior

Content reflows neatly and adapts to window size, with no horizontal scrolling required.

Actual Behavior

On the About:welcome flow pages, as zoom level is increased to 400%, content overflows the window and horizontal scrolling is required. On HNT, at 180% zoom or above, content overflows the window and horizontal scrolling is required.

User Impact

Users who zoom content via Ctrl + may experience difficulty using the page.

WCAG 2.2 References

1.4.10 Reflow

Recommendations

Use responsive CSS so that content reflows neatly and does not require horizontal scroll.

Testing Environment

Any

Assistive Technology Used

Any

Further Reference

https://webaim.org/techniques/reflow/

Severity

3-Moderate

Component: General → Messaging System

It's very difficult to avoid horizontal scrolling when zoomed to such a great level. Even if we avoid wasting space on the left, it may not be possible to avoid scrolling completely. But with bug 2056348, we will try to at least make things look nicer and more responsive.

Assignee: nobody → emcminn
Severity: -- → S3
Status: NEW → ASSIGNED
Iteration: --- → 155.1 - July 20 - July 31
Depends on: multistage-aw
Priority: -- → P1
See Also: → multistage-aw
Accessibility Severity: --- → s3
Iteration: 155.1 - July 20 - July 31 → 155.2 - Aug 1 - Aug 12
Blocks: 2060957
No longer depends on: multistage-aw
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: