Summary

[tbergen1]

Rubric Score

Criteria 1: All Pages are Included

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): You included all required pages for the project. Great work!

Criteria 2: CSS

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): You did a good job with your CSS styling. The styling is consistent across all of your pages, which is awesome!

Criteria 3: Use of CSS Selectors and Syntax

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): Your used all appropriate selectors and syntax in your CSS.

Criteria 4: CSS Grid

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): Throughout your website you had good use of CSS Grid for styling the layout. Nice job!

Criteria 5: Branding

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): The branding of your web pages is good. It uses a minimal color palette to accentuate the experience without overpowering it. Your use of imagery around the pages is nice as well and provides a good break from just plain text. Additionally, your typography in most places is good. Nice job!

Criteria 6: Typography

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): The typography you used in different situation was pretty good. You did a good job of distinguishing headings from body text, creating a visually distinct hierarchy that a user could follow. Nice job!

Criteria 7: Page Linking

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): The functionality of your page links is great. The navigation from page to page and the breadcrumbs links work perfectly. Great job!

Criteria 8: Accessibility

• Score Level: 3/4 (Meets Expectations)
• Comment(s): The pages you created could use a bit more accessibility to them for screen reader purposes. You used semantic HTML5 elements appropriately for the different types of content, which is great. However, you are also missing aria roles which are very useful for screen reader technology. Adding those will bolster the accessibility story of your website. Nice use of aria labels, though. Good work with this, overall.

Criteria 9: Responsive Design

• Score Level: 4/4 (Exceeds Expectations)
• Comment(s): Your web pages are responsive on various screen sizes, which is great. Really nice work here!

Overall Score: 35/36

Overall, you did a great job with this project. Your formatting was great, making all of code easy to read. You demonstrated good knowledge of both HTML and CSS - using semantic elements appropriately in the HTML and choosing appropriate selectors. Your design and branding was minimal and consistent throughout. You made good choices when it came to typography as well. Some areas of improvement would be to add accessibility features in the form of aria roles to you pages to help screen readers. Other than that, great work!

[kfdesign]

Thank you very much for such a thorough review of my project. I agree with you about the lack of aria roles and realize that this is something I need to work on more. Thank you again for your time.