Microsoft Design - Fluent Design System
Accessibility Conformance Report published by Microsoft
Conformance by level
Reported by the vendor. WCAG Level AA is the benchmark referenced by ADA Title II, Section 508 and the European Accessibility Act; Level AAA is optional and often left unevaluated.
Level A — 30 criteria
- Supports
- 12
- Partially supports
- 8
- Does not support
- 0
- Not applicable
- 10
- Not evaluated
- 0
Level AA — 20 criteria
- Supports
- 14
- Partially supports
- 4
- Does not support
- 0
- Not applicable
- 2
- Not evaluated
- 0
Source: Download the original report from Microsoft (Word document). Or browse all of Microsoft's reports on Microsoft's own site.
These figures are extracted from that document. They are the vendor's own statements, not an independent assessment, and automated extraction can misread a table.
All reported criteria (50)
| Criterion | Name | Level | Conformance | Remarks from vendor |
|---|---|---|---|---|
| 1.1.1 | Non-text Content | A | Partially Supports | [Microsoft Fluent - Homepage]: Ensures <img> elements have alternate text or a role of none or presentation |
| 1.2.1 | Audio-only and Video-only (Prerecorded) | A | Not Applicable | |
| 1.2.2 | Captions (Prerecorded) | A | Not Applicable | |
| 1.2.3 | Audio Description or Media Alternative (Prerecorded) | A | Not Applicable | |
| 1.2.4 | Captions (Live) | AA | Not Applicable | |
| 1.2.5 | Audio Description (Prerecorded) | AA | Not Applicable | |
| 1.3.1 | Info and Relationships | A | Supports | |
| 1.3.2 | Meaningful Sequence | A | Partially Supports | [Microsoft Fluent - Homepage]: Focus indicator remains on 'Microsoft image' link for three down arrow keystrokes while navigating in scan mode of Narrator and announces image thrice.[Microsoft Fluent - Web]: In Scan mode, Narrator Focus moves twice on Microsoft Products icon Link under "Who at Microsoft uses Fluent UI?"[Microsoft Fluent - Web]: Narrator focus is not moving to "How Fluent UI unlocks the next generation of Microsoft 365" text in Scan mode. |
| 1.3.3 | Sensory Characteristics | A | Supports | |
| 1.3.4 | Orientation | AA | Supports | |
| 1.3.5 | Identify Input Purpose | AA | Supports | |
| 1.4.1 | Use of Color | A | Partially Supports | [Microsoft Fluent - Homepage]: Links present on the page do not have underline or chevron while they receive keyboard focus. |
| 1.4.2 | Audio Control | A | Not Applicable | |
| 1.4.3 | Contrast (Minimum) | AA | Partially Supports | [Accessibility][Visual Requirement : Fluent Design Page] : Contrast ratio fails when user hovers the mouse on text and accessibility checker gives incorrect output.[Microsoft Fluent - Cross platform page]: Color contrast ratio fails for link under 'Design it' heading when focus lands on the links. |
| 1.4.4 | Resize text | AA | Partially Supports | [Microsoft Fluent - Cross platform page]: At 200% zoom, hamburger menu option is not accessible while navigating with keyboard. |
| 1.4.5 | Images of Text | AA | Supports | |
| 1.4.10 | Reflow | AA | Supports | |
| 1.4.11 | Non-Text Contrast | AA | Supports | |
| 1.4.12 | Text Spacing | AA | Supports | |
| 1.4.13 | Content on Hover or Focus | AA | Supports | |
| 2.1.1 | Keyboard | A | Supports | |
| 2.1.2 | No Keyboard Trap | A | Supports | |
| 2.1.4 | Character Key Shortcuts | A | Supports | |
| 2.2.1 | Timing Adjustable | A | Not Applicable | |
| 2.2.2 | Pause, Stop, Hide | A | Not Applicable | |
| 2.3.1 | Three Flashes or Below Threshold | A | Not Applicable | |
| 2.4.1 | Bypass Blocks | A | Partially Supports | [Microsoft Fluent - Homepage]: URL's do not have 'Skip to main content' bypass mechanisms present on them. |
| 2.4.2 | Page Titled | A | Partially Supports | [Microsoft Fluent - What's new]: What's New page does not have proper page title defined, as it is similar to MS fluent Web page. |
| 2.4.3 | Focus Order | A | Supports | |
| 2.4.4 | Link Purpose (In Context) | A | Partially Supports | [Microsoft Fluent - What's New]: 'Read more' link should be descriptive enough[Microsoft Fluent - Android Page]: Screen reader announces insufficient information when focus navigates to app link icons under 'Who at Microsoft uses Fluent UI?' heading. |
| 2.4.5 | Multiple Ways | AA | Supports | |
| 2.4.6 | Headings and Labels | AA | Partially Supports | [Microsoft Fluent - Homepage]: No title heading is defined in <h1> tags on the page. |
| 2.4.7 | Focus Visible | AA | Partially Supports | [Microsoft Fluent - Homepage]: Keyboard focus Indicator is not visible on the whole page while navigating using keyboard. |
| 2.5.1 | Pointer Gestures | A | Not Applicable | |
| 2.5.2 | Pointer Cancellation | A | Not Applicable | |
| 2.5.3 | Label in Name | A | Supports | |
| 2.5.4 | Motion Actuation | A | Not Applicable | |
| 3.1.1 | Language of Page | A | Supports | |
| 3.1.2 | Language of Parts | AA | Supports | |
| 3.2.1 | On Focus | A | Supports | |
| 3.2.2 | On Input | A | Supports | |
| 3.2.3 | Consistent Navigation | AA | Supports | |
| 3.2.4 | Consistent Identification | AA | Supports | |
| 3.3.1 | Error Identification | A | Supports | |
| 3.3.2 | Labels or Instructions | A | Supports | |
| 3.3.3 | Error Suggestion | AA | Supports | |
| 3.3.4 | Error Prevention (Legal, Financial, Data) | AA | Supports | |
| 4.1.1 | Parsing | A | Partially Supports | [Microsoft Fluent - macOS page]: Screen reader does not announce 'Get started with macOS' heading in one go as it has been divided in two parts in code, while navigating in scan mode. |
| 4.1.2 | Name, Role, Value | A | Partially Supports | [Microsoft Fluent - What's New]: Ensures links have discernible text |
| 4.1.3 | Status Messages | AA | Supports |
Is this your product? If this report is out of date or misrepresented, we will correct or remove it. Contact us to claim this listing.
Get told when this changes
This report is dated March 3, 2022. An ACR can be quietly replaced at any time, and the published date is the only signal a buyer gets. We will email you when this one is updated.
Double opt-in — we email you once to confirm, and send nothing until you do. One-click unsubscribe on every message. We store your address and what you are watching, nothing else. Privacy.