Learnability and Usability Issues

• The sizing and boldness of the fonts do not follow a consistent heirarchy.
• There are multiple focal points competing for attention and generally not visually engaging.
• Too many different text colors and fonts.
• The images are cluttered and layered together.
• Very cluttered on the left and a lot of whitespace on the right side.
• Some things that are underlined denote a link, but other things that are underlined are not links.

Conceptual Model

• This is a wesbite landing page for a resturant and it roughly follows the general conceptual model that people have for these types of websites: there is the nav bar a the top and a description of the website with some photos under that.
• However, the places where it says hours is very confusing because it only includes the hours that they are open for delivery but not the hours that the store is actually open for. Making it very confusing to me what the target audience of the website is.
• Additionally, you can also place orders on the website, but that isn't advertised or apparent on the landling page, you can only tell if you click into menu nav link.

Accessibility Problems

• The color contrast on some of the text is very low. For example, the bright red text on the cream background is pretty low contrast and the red curisive on the logo blends into the brown background of the bagels.
• The menu bar buttons have a very small touch area and the font size is small.
• None of the images have alt text for visually impaired users.
• The headings also do not follow the H1, H2, etc. html tags.

WebAIM WAVE Accessibility

The WAVE accessibility tool revealed issues that I had mentioned about such as empty alt text, inconsistent type heirarchy, small text, and low color contrast. But there were a couple issues that I didn't catch such as not defining a language in the head of the html and there were a couple empty heading tags.