README.md

Building The Structure of the Page

Every webpage needs to have an underlying structure of accessibility even before the content (what people interact with) can be made accessible. Think of the underlying structure of each page as the accessible skeleton which provides support for other UI components and content to benefit from.

Activity

Each activity is organised in separate folders with the start and finished code showing how it is achieved, the start code is what you will alter.

Don’t worry if you get stuck, re-watch the relevant lecture and try again. If you need a nudge, checkout the completed example for each lecture and compare against your own code.

In the completed code a green highlight effect is applied to elements and regions of the page to show additions and alterations.

Activity	Task
1	Choose a more descriptive page title as the current title is unclear
2	The HTML has no default language applied. Provide a global language which is applied to the whole page
3	Add a skip link to bypass the repeating page navigation located in the header and navigate to the beginning of the "Best Picks 2020" section
4	Apply as many heading elements as required to text which you think should be a heading
5	Add the navigation landmarks header, footer and main to the HTML
6	Remove the artificial tabindex attribute on all the footer elements and observe the before and after effects