Accessibility
· 13 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.DWeb ManifestActionNot foundFIX
No web manifest found.
DDark Mode SupportActionNo dark mode signalsFIX
Detection limited to meta tags and inline styles.
DPrint StylesheetActionNo print stylesFIX
BForm Accessibility2 of 3 controls have issuesREVIEW
| Control | Type | Label | Method |
|---|---|---|---|
| #cli_shellHeaderSearchInput | search | Search Expanded | aria-label |
| #supHomeAndLandingPageSearchBox | search | (Search for answers) | placeholder only |
| input | text | (none) | none |
Form controls need a <label>, aria-label, or aria-labelledby for screen readers.
<input type="text">
Form controls without labels — assistive tech announces 'edit text' with no context; users can't complete forms.
Source: WCAG 2.1 SC 3.3.2
Placeholder text disappears on focus and is not a reliable label.
<input type="search" name="query" id="supHomeAndLandingPageSearchBox">
Placeholder-only labels disappear when the user starts typing — they must remember what the field was for.
Learn more ▾ ▴
Placeholders are NOT labels. They vanish on input, fail color contrast checks (most are gray), and don't satisfy WCAG SC 3.3.2. Always use a real <label> alongside (or aria-labelledby).
Source: WCAG 2.1 SC 3.3.2 / Nielsen Norman
BLink & Button Quality1 issue(s) across 183 links and 20 buttonsREVIEW
| Element | Text | Issue | Suggested Fix |
|---|---|---|---|
| https://www.microsoft.com | Microsoft | img no alt | Add alt attribute to the image |
| <button> | (empty) | empty | Add button text or aria-label |
Image-only links need alt text on the image (or aria-label on the link) so screen readers can announce them.
a#uhfLogo
Image-only links with no alt are unidentifiable to screen-reader users — link's destination is invisible.
Source: WCAG 2.1 SC 2.4.4
Icon-only buttons need an aria-label so screen readers can announce them.
button.supHomeAndLandingPageSearchButton (#416 on page)
Buttons with no accessible text (icon-only, no aria-label) can't be activated by voice control or understood by screen readers.
Source: WCAG 2.1 SC 4.1.2
B404 Error PageHTTP 404, custom pageREVIEW
BFavicon & Branding4 icon(s) detectedREVIEW
ALandmark Structure12 landmarksPASS
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.
Learn more ▾ ▴
WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.
Source: WCAG 2.1 SC 2.4.1
AHeading Hierarchy18 headingsPASS
- H2 Global
- H1 Microsoft Support
- H1 Microsoft Support duplicate H1
- H2 What do you need help with today?
- H2 Start your Copilot journey here
- H3 Ready to try Copilot?
- H3 Get started with Microsoft 365 Copilot app
- H3 Create content with Copilot
- H3 Access your favorite apps in one place
- H2 Find solutions
- H3 Signing in with Microsoft
- H3 Microsoft 365
- H3 Devices and network connections
- H3 How to stay protected
- H2 Additional resources and support
- H3 Contact us
- H3 Privacy & Security
- H3 More resources
A page should have only one H1. Multiple H1s dilute the document outline.
Multiple H1s blur the page's primary topic — screen-reader users and Google both prefer one H1.
Learn more ▾ ▴
HTML5's outline algorithm technically allows multiple H1s within sectioning content, but no browser implements it. In practice: one H1 per page. Use H2-H6 for subsections.
Source: WCAG 2.4.6 / Google Search Central
A+Alt Text QualityAll 46 images OKPASS
A+Color Contrast (Screenshot)20 text elements analyzed, 0 fail WCAG AAPASS
Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.
Show all checked elements (20)
| Element | Ratio | Required | FG | BG | Result |
|---|---|---|---|---|---|
| h1 Microsoft Support | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h1 Microsoft Support | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Global | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 What do you need hel… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Start your Copilot j… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Find solutions | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Additional resources… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Ready to try Copilot… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Get started with Mic… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Create content with … | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Access your favorite… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Signing in with Micr… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Microsoft 365 | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Devices and network … | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 How to stay protecte… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Contact us | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 Privacy & Security | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h3 More resources | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| title Microsoft Support | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| a Skip to main content | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.
A+Lighthouse Accessibility AuditsScore 96/100 — 1 failing, 25 passedPASS
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Navigation
A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. Learn more about the `tabindex` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Skip to main content div#headerArea > div#headerRegion > div#headerUniversalHeader > a#uhfSkipToMain |
All Microsoft expand to see list of Microsoft products and services header.c-uhfh > div.theme-light > div.c-uhfh-gcontainer-st > button.c-action-trigger |
Microsoft header.c-uhfh > div.theme-light > div.c-uhfh-gcontainer-st > a#uhfLogo |
Support div.theme-light > div.c-uhfh-gcontainer-st > div.cat-logo-button-cont > button#uhfCatLogoButton |
Search for help div.c-uhfh-gcontainer-st > div.c-uhfh-actions > form#searchForm > button#search |
These are opportunities to improve keyboard navigation in your application.