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: the main menu's images are cropped when browser is zoomed to 200% #13

Closed dmitrii-fediuk closed 6 years ago

dmitrii-fediuk commented 6 years ago

upwork.com/ab/f/contracts/20805299

04

03

Code snippet:

<img
    alt="small_appliances_KA"
    class="img-border"
    height="400"
    src="https://www.kitchencollection.com/pub/media/wysiwyg/Dropdown/small_appliances.png" 
    style="margin: 0px;"
    width="400"
>

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

@media (min-width: 768px), print {
    .groupmenu-drop-content.groupmenu-width-17 {
        width: 76vw !important;
        max-width: 800px !important;
    }
}
dmitrii-fediuk commented 6 years ago

Fixed in 0.0.8.

05