Markup Learning Outcomes

Accessibility

• Structure a site using semantic HTML to aid accessibility
• Ensure a web page is readable for screen readers
• Ensure our UI has sufficient colour contrast so that everyone can perceive it comfortably
• Use various tools to check that our website meets accessibility criteria

Design

• Use CSS media queries to ensure our content is always presented effectively on screens of different sizes
• Demonstrate a mobile-first approach to building a website
• Use CSS variables to apply repeated colours to HTML elements
• Use CSS Flexbox to style children in a single-direction layout (ie a row or a column)
• Use CSS Grid to style children in two-direction layout

Workflow

• Ensure our Git commit history tells a coherent story

HTML Forms

• Use the appropriate input types in HTML forms for gathering different types of information