Logo
The Medicaid logo visually represents the brand and helps users confirm that they are on an official government website. The logo appears in two locations: in the site header and in the site footer. Both versions are clickable and always link back to the Medicaid homepage.
Medicaid Color Logo
#026666
MED brand
teal
#565656
MED brand
gray
SVG format for print and digital use
Purpose:
The logo serves two main purposes:
- Brand identity – establishes trust and reinforces the visual identity of the site.
- Navigation – provides a quick, familiar way for users to return to the homepage from anywhere on the site.
Accessibility Guidelines:
Following W3C accessibility standards and USWDS guidance, logos that act as links are considered functional images.
- Each logo must include alternative text (alt text) that tells users where the link will go (for example: “Medicaid homepage”).
- Logos must be keyboard accessible and show a visible focus state when selected.
- Screen readers should correctly identify the logo as a link and announce its destination.
- Header: Display in the site header on light or neutral backgrounds.
- Footer: Display a smaller version of the logo in the site footer.
Placement:
- The header logo is positioned in the top left corner of every page and is part of the site’s global header.
- The footer logo is positioned in the bottom left corner within the global footer.
- Both logos maintain consistent padding and alignment relative to surrounding elements.
Behavior:
- Both logos link to the Medicaid.gov homepage.
- The logo should be responsive, scaling smoothly for mobile, tablet and desktop devices.
- Hovering or focusing on the logo should show a clear visual indicator (such as an outline or underline).
Testing checklist:
- Alt text appears on hover.
- Logo receives focus with keyboard navigation.
- Screen readers announce “link, Medicaid home page.”
- Focus indicator is visible when the logo is selected.
- Logo redirects correctly to the homepage when clicked or activated via keyboard.