Global University Header

Top-most UMD site header that contains global branding and may have additional navigation. All official University of Maryland websites, not including student sites, must be identified with the university header.

Red strip with "University of Maryland" and 2 lines representing navigation links

Dos

Must be used on all official university sites.

Additional links are optional. Avoid duplicating links or content in the main navigation.

Don'ts

Minimize the use of additional links. Balance out the number of navigation links to not overwhelm users. A maximum of 3 is recommended.

Variations

Preferred version that does not include additional links.

Open in a new window

Shows all possible links.

Open in a new window

Accessibility

Link

SVGs are hidden from assistive technologies and effective alt text is used on the link itself. Effective text is used to describe what the link is and where it is taking the user. This is clear, descriptive text that conveys the link content succinctly and the purpose and destination of the link. WCAG 2.4.9: Link Purpose (Link Only)

Example of effective text: Visit the Instagram page of the University of Maryland

Logo

Provide effective alternative text for the site's logo. WCAG 1.1.1: Headings and Labels

Layout

Guidelines

Standard links may be turned off and on, but new ones can't be added.