On 10 of the 11 pages we reviewed, the first screen has links and buttons that share the same background, text color and font size.
F4 · First screen and calls to action
Their appearance does not separate one action from another: someone arriving has no visual cue to choose by.
It appears on 10 of the 11 pages we reviewed. Among them: /, /intelligent-canvas/, /ai/flows/. Plus 7 more.
at both widths
The count for each page
- https://miro.com/ · 50
- https://miro.com/intelligent-canvas/ · 50
- https://miro.com/ai/flows/ · 50
- https://miro.com/prototyping/ · 36
- https://miro.com/mermaid-diagram/ · 35
- https://miro.com/products/engage/ · 36
- https://miro.com/ai-trust/ · 35
- https://community.miro.com/ · 4
- https://miro.com/integrations/ · 35
- https://miro.com/templates/ · 8
About this check: Partial. We stopped before finishing: of the visible links and buttons on this page, we stored 115 of 374.
If you decide to change it: Change the style of whichever one should be the main action. We have not tested the change, so we do not know what else is affected.
We found 1 field in the form that is only explained by the text inside.
F3 · Observed forms
Why it matters: That text disappears as soon as you start typing. The fields are: Enter your work email.
It is on /.
at both widths
We found no <label> tied to that field. The placeholder does not replace it: it disappears as you type.
Where it is
input[placeholder]
About this check: Partial. On some pages the cookie notice covered what needed measuring, and there we did not measure it. On the rest, we did.
If you decide to change it: One visible label per field. We have not tested the change, so we do not know what else is affected.
We found no main heading on 1 of the 11 pages we reviewed.
F1 · Computed accessibility
We saw no level 1 element that says what the page is about.
It is on /intelligent-canvas/.
at both widths
We found no <h1> on those pages.
The count for each page
- https://miro.com/intelligent-canvas/ · 1
About this check: Partial. Visible focus does not show in a still capture, so we did not check it.
If you decide to change it: One tag around the title that already exists. We have not tested the change, so we do not know what else is affected.
On 4 of the 11 pages we reviewed, there are pieces of text that barely stand out from their background.
F1 · Computed accessibility
Why it matters: It is hard to read against the color behind it.
It appears on 4 of the 11 pages we reviewed. Among them: /prototyping/, https://community.miro.com/, /products/engage/. Plus 1 more.
We measure against the reference the check itself brings: 4.5 to 1 for normal text and 3 to 1 for large text. We did not set it. We do not measure text that sits on an image or a gradient: the check cannot work out the background color, and those cases never get this far.
This is not all of them: there are at least 6 more.
The measured colors, with their page
- Aa4.03The text is
#be51c8 on #ffffff · 2 times on https://miro.com/prototyping/ · it says “Generate” - Aa3.21The text is
#6490d9 on #ffffff · once on https://miro.com/prototyping/ · it says “Import Context” - Aa2.8The text is
#db8641 on #ffffff · once on https://miro.com/prototyping/ · it says “Collaborate” - Aa2.79The text is
#6490d9 on #e5f0ff · once on https://miro.com/prototyping/ · it says “Business” - Aa2.24The text is
#a7aeb5 on #ffffff · 56 times on https://community.miro.com/ · it says “Topics” - Aa3.97The text is
#655be6 on #e5e2ff · once on https://miro.com/products/engage/ · it says “Article” - Aa2.79The text is
#6490d9 on #e5f0ff · once on https://miro.com/integrations/ · it says “Help Center”
About this check: Partial. Visible focus does not show in a still capture, so we did not check it.
If you decide to change it: Change one color in the stylesheet. We have not tested the change, so we do not know what else is affected.
On 5 of the 11 pages we reviewed, we found images without alt text.
F1 · Computed accessibility
Why it matters: A screen reader cannot describe them.
It appears on 5 of the 11 pages we reviewed. Among them: /prototyping/, /mermaid-diagram/, /products/engage/. Plus 2 more.
at both widths
We found no alt attribute on those images. A decorative image is declared with alt="", and we do not count those here.
The count for each page
- https://miro.com/prototyping/ · 9
- https://miro.com/mermaid-diagram/ · 15
- https://miro.com/products/engage/ · 12
- https://miro.com/ai-trust/ · 1
- https://miro.com/integrations/ · 5
About this check: Partial. Visible focus does not show in a still capture, so we did not check it.
If you decide to change it: One attribute per image. We have not tested the change, so we do not know what else is affected.
We found no search engine description on 2 of the 11 pages we reviewed.
F5 · Metadata and shareability
Why it matters: Google chooses on its own which snippet to show under the title.
It appears on 2 of the 11 pages we reviewed. Among them: /blog/asos-agile-shopping-experience/, /ai-trust/.
at both widths
We found no <meta name="description"> tag on those pages.
The count for each page
- https://miro.com/blog/asos-agile-shopping-experience/ · 1
- https://miro.com/ai-trust/ · 1
If you decide to change it: One line in the page head. We have not tested the change, so we do not know what else is affected.
On 5 of the 11 pages we reviewed, we found menus that open and close without saying which of the two states they are in.
F2 · Navigation and links
Why it matters: Someone using a screen reader cannot tell whether it is expanded.
It appears on 5 of the 11 pages we reviewed. Among them: /, /intelligent-canvas/, /ai/flows/. Plus 2 more.
at both widths
We found no aria-expanded attribute on the control that opens it, nor anything that changes it from false to true when it opens.
The count for each page
- https://miro.com/ · 1
- https://miro.com/intelligent-canvas/ · 1
- https://miro.com/ai/flows/ · 1
- https://community.miro.com/ · 2
- https://miro.com/templates/ · 67
Where it is
[aria-haspopup]
About this check: Partial. We checked links with no declared destination, but we did not follow any, so we do not detect a link that leads to a page that does not exist.
If you decide to change it: One attribute per menu. We have not tested the change, so we do not know what else is affected.
On all 11 pages we reviewed, there are external domains that load before anyone touches anything. On the page with the most, there are 27.
F6 · Third parties and consent
They showed up in the first load, before we answered the cookie notice on 5 of the 11 pages in this review. It is what someone finds when they arrive at the site and have not answered yet.
Among them: cdn.cookielaw.org, cdn.jsdelivr.net, events.framer.com. Plus 37 more.
It appears on 11 of the 11 pages we reviewed. Among them: /, /intelligent-canvas/, /ai/flows/. Plus 8 more.
at both widths
The count for each page
- https://miro.com/ · 11
- https://miro.com/intelligent-canvas/ · 9
- https://miro.com/ai/flows/ · 8
- https://miro.com/prototyping/ · 4
- https://miro.com/mermaid-diagram/ · 4
- https://miro.com/products/engage/ · 5
- https://miro.com/blog/asos-agile-shopping-experience/ · 11
- https://miro.com/ai-trust/ · 4
- https://community.miro.com/ · 27
- https://miro.com/integrations/ · 3
- https://miro.com/templates/ · 6
About this check: Partial. This check only covers the domains the page called while loading. We removed the cookie notice by rejecting it. We do not judge whether what the page does with those domains is lawful.
No fix proposed: this is a decision worth consulting on.
On 9 of the 11 pages we reviewed, there are headings that skip levels.
F1 · Computed accessibility
Why it matters: Anyone navigating by headings loses the thread of the document.
It appears on 9 of the 11 pages we reviewed. Among them: /, /intelligent-canvas/, /ai/flows/. Plus 6 more.
at both widths
We look at the order of the heading levels (h1, h2, h3…) as they appear in the document, and here there is a skip between levels. We do not judge what each heading says.
The count for each page
- https://miro.com/ · 1
- https://miro.com/intelligent-canvas/ · 1
- https://miro.com/ai/flows/ · 2
- https://miro.com/prototyping/ · 7
- https://miro.com/mermaid-diagram/ · 1
- https://miro.com/products/engage/ · 4
- https://miro.com/ai-trust/ · 4
- https://community.miro.com/ · 2
- https://miro.com/integrations/ · 1
About this check: Partial. Visible focus does not show in a still capture, so we did not check it.
If you decide to change it: Change the level of the tag, not how it looks. We have not tested the change, so we do not know what else is affected.