search

kitchencollection-com / core

A custom module for kitchencollection.com (Magento 2)
https://upwork.com/fl/mage2pro
0 stars 0 forks source link

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

Open dmitrii-fediuk opened 5 years ago

dmitrii-fediuk commented 5 years ago

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.

dmitrii-fediuk commented 5 years ago

See also: «An ADA issue: products names are truncated on text-only zooming to 200%».

dmitrii-fediuk commented 5 years ago

It is a regression of An ADA issue: «13. Content gets truncated on text-only zooming to 200%»