Global Header

This section covers the global header component, which is included on every page of the Visionlearning website. The global header consists of several key elements:

  • Skip Links
  • Secondary Navigation
  • Header Actions (e.g., Search, Sign In, Español)
  • Logo and Branding
  • Primary Navigation (e.g., Library, Glossary, Classroom)

The <div class="skip-links"> selector contains skip links to allow keyboard users to jump to the main content or the website footer.

            
                

<div class="skip-links">

    <a href="#main">
        Jump to main content
    </a>

    <a href="#global-footer">
        Jump to website footer
    </a>

</div>

The Skip Links:

  • Provide quick navigation options for screen reader users.
  • The .focusable-only class makes these links visible only when they are focused.

Content to be added