5 Matching Annotations
  1. Last 7 days
    1. FAQs

      (Robust Principle) The footer is a critical part of the site's architecture, tying back to the Robust principle. The developers need to ensure this section remains adaptable and easily interpreted by a wide variety of browsers, mobile devices, and assistive technologies. The goal is to present the content in simpler ways without losing the underlying information or structure.

    2. Crave-worthy snacks

      (Foreground/Background Contrast) The banner directly below this section has text layered directly over a really busy background image of potato chips. People with limited vision might have a really hard time distinguishing the foreground text from the background there. It is a great reminder that good web design needs clear contrast, otherwise, you are completely blocking some users from reading the message.

    3. Weekly Flyer Features

      (Understandable Principle) The product grid below this header is incredibly dense with varying fonts, prices, and product images. From a structural standpoint, presenting content in a simple, predictable layout is key to the Understandable principle. Web content should be structured so that it makes sense when read in a linear fashion. If a page is too cluttered, it can cause serious cognitive overload for users with ADHD or dyslexia.

    4. Start shopping

      (Operable Principle) While digging through the site's layout near this shopping section, I realized how heavily the main site menus rely on a mouse. To actually meet the Operable standard, the main navigation interfaces need to be fully functional using just keyboard commands. Not everyone can use a mouse, especially users with motor impairments, so the navigation cannot require physical interactions they simply cannot perform.

    5. Show some love for the moms in your life

      (Perceivable Principle) I noticed this big promotional banner right away, but it made me wonder how it translates for someone using a screen reader. According to the Perceivable principle, the image next to this text needs a concise <alt> tag of 125 characters or less so visually impaired users don't miss out on the information. If it is just named something random like "IMG_098.jpg" in the code, the site is failing to make this content truly presentable to everyone.