Skip to content

An ADA issue: star ratings are truncated on text-only zooming to 200% #39

Description

@dmitrii-fediuk

The star ratings of a product truncate on text-only zooming to 200%.
This could mislead a user into believing in the false ratings that appear in the text-only zoomed-in view.

kitchencollection.com/chefman-large-5-5l-air-fryer-rj38-opp-55

04

Code snippet:

<span style="width:100%"><span><span itemprop="ratingValue">100</span>% of <span itemprop="bestRating">100</span></span></span>

Rationale

It is required to ensure that visually rendered text, including text-based controls can be scaled successfully so that it can be read directly by people with mild visual disabilities, without requiring the use of assistive technology such as a screen magnifier.
Users may benefit from scaling all content on the Web page, but text is most critical.

Recommendations

Provide height to the

having class="product details product-item-details" and having class="product name product-item-name" in em unit using css.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions