Container Measurements Check
Description
The “Container Measurements Check” evaluates whether all CSS rules defining the width of content boxes use relative measurement units rather than fixed absolute units.
Example outcome
I identified all instances in the CSS where relative measurement units are used to define the width of the content boxes.
Impact
- Visual Impairments: Content may not resize well when zooming to 200%.
- Cognitive Disabilities: Fixed layouts may impair navigation and comprehension.
- Elderly: Elder people needing larger text may face clipped layouts.
- Mobile: Mobile users will face poor responsiveness due to fixed pixel widths.
Fixes
To address inappropriate content boxes width defined using absolute units:
- Locate the inappropriate CSS.
- Replace the absolute measurement unit with a relative one.