| Title | Viewport Meta Element Check |
|---|---|
| id | meta_05 |
| type | true |
| elem | all |
| test | metaViewport |
| score | 10 |
| level | AA |
| trust | 1 |
| ref | b4f0c3 |
| scs | 1.4.4 |
| dis | 43353 |
| result | passed |
The "Viewport Meta Element Check" evaluates whether the <meta name="viewport"> element does not disable user scaling (i.e., pinch-to-zoom).
I noticed that the meta element does not prevent users from zooming.
- Visual Impairments: Individuals with visual impairments cannot zoom text or interface elements for better legibility.
- Motor Impairments: Small tap targets remain small, increasing interaction difficulty for users with motor impairments.
- Cognitive Disabilities: Inability to enlarge content may lead to confusion or reading fatigue.
- Elderly: Elder people will face reduced reading comfort due to small, fixed-sized content.
To address <meta> elements that prevent users from zooming:
- Locate the
<meta>element. - Replace it with an incluse viewport setting (e.g.,
<meta name="viewport" content="width=device-width, initial-scale=1.0">). - Avoid using the
user-scalable=noand themaximum-scale=1.0attributes in the viewport tag.