umbraco / Umbraco-CMS.Accessibility.Issues

6 stars 1 forks source link

Dashboard - Reflow introduces side scrolling #35

Open umbrabot opened 2 years ago

umbrabot commented 2 years ago

Dashboard has side scrolling

Steps to replicate:

  1. Access dashboard
  2. Set screen resolution to 1280 x 1024.
  3. Use your browser's settings to set the target page's zoom to 400%
  4. Verified side scrolling is present

Issue: Reflow: Content must be visible without having to scroll in two dimensions

Why it matters: Having to scroll in two directions is difficult for everyone. Having to scroll in the direction of reading makes reading especially difficult for people with certain disabilities, including:

How to fix: Use responsive web design to ensure page content reflows to fit within the window whenever the viewport narrows or the text size changes.

Good: Do not require users to scroll in two directions. Better: Do not require users to scroll in the direction of reading:

W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/reflow