Website Header

The website header displays our logo and shows users what University Libraries' website they are using.

When to use website header

Use this header as a starting point for any website from the University Libraries.

Guidelines for website header

Use of the website header requires use of the skip link to allow users to skip the menu with keyboard navigation.

Relevant WCAG guidelines

• 1.1.1 Non-text Content
• 2.1 Keyboard
• 2.4.1 Bypass Blocks
• 2.4.3 Focus Order
• 2.4.4 Link (In Context)
• 2.4.7 Focus Visible
• 4.1.2 Name, Role, Value

Code