Skip to content

Accessibility issue with viewport meta tag (maximum-scale=1) in Storefront #2199

@Piotr-MAXwww

Description

@Piotr-MAXwww

Hello,

I noticed that the Storefront theme currently outputs the following viewport meta tag in header.php:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
The problem is that the maximum-scale=1 attribute prevents users from zooming on mobile devices. This creates an accessibility issue:

According to WCAG 2.1, Success Criterion 1.4.4 (Resize text), users must be able to zoom up to 200%.

Google PageSpeed Insights / Lighthouse also reports this as an accessibility error.

The recommended fix would be to remove the maximum-scale=1 part, so zooming remains available:
<meta name="viewport" content="width=device-width, initial-scale=1">
This small change would ensure Storefront is fully compliant with accessibility standards and would prevent the theme from blocking important mobile functionality.

Request:
Could you please consider updating Storefront’s default viewport meta tag in a future release, so all users benefit from this accessibility improvement without needing to create child themes or overrides?

Thanks in advance for reviewing this!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions