Skip to content

Latest commit

 

History

History
22 lines (15 loc) · 1.66 KB

File metadata and controls

22 lines (15 loc) · 1.66 KB

Adding Page Level Content

The way content is laid out on a page can affect assistive technology from interpreting it correctly. However, by choosing the correct element or using an element attributes means extra information can be provided which can assist users.

Think of semantic elements as meta data which gives hints to the user through the assistive technology, and attributes on elements as switches which can improve the way content is rendered.

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 Identify if the heading colour "Top month Sellers" is an accessible colour when compared against the background
2 Add ALT text to images you think require a description and null ALT text to images you think should be ignored
3 Apply the <blockquote> element to all reviews
4 Create a consistent mouse and keyboard focus effect for the navigation links

Hint: this involves editing the CSS file focus.css

5 Replace all instances of "Shop Now" with clear link text
6 Use an unordered list element to group related footer links together