On 8 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 8 of the 11 pages we reviewed. Among them: /, /webinars, /explore-consultants. Plus 5 more.
only on mobile (390 px)
The count for each page
- https://www.notion.com/ · 9
- https://www.notion.com/webinars · 2
- https://www.notion.com/explore-consultants · 2
- https://www.notion.com/product/demos · 2
- https://www.notion.com/customers/openai · 2
- https://www.notion.com/customers/figma · 2
- https://www.notion.com/customers/ramp · 2
- https://www.notion.com/customers/cursor · 2
About this check: Not measured. A fixed layer sat over the first screen, and we cannot separate what is underneath.
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 5 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 is on /explore-consultants.
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.
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.
We found no button that submits the form.
F3 · Observed forms
Whoever fills it in cannot find anything to press to send it.
It is on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2.
at both widths
We found no submit control: a <button type="submit"> or an <input type="submit">.
No fix proposed: the submission may be wired up by a script.
One form asks for a single detail, and we found nothing that says whether it is required.
F3 · Observed forms
Why it matters: Whoever fills it in does not know what they can leave blank until they try to send it.
It is on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2.
We counted what the form asked for when it opened; it may ask for more as you go.
If you decide to change it: Mark each required field in its label, and declare it on the field itself with the required attribute. We have not tested the change, so we do not know what else is affected.
On 6 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 6 of the 11 pages we reviewed. Among them: /, /product/dev, /product/demos. Plus 3 more.
at both widths
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.
The measured colors, with their page
- Aa4.02The text is
#097fe8 on #ffffff · once on https://www.notion.com/ · it says “Request a demo” - Aa4.21The text is
#7171a8 on #f6f6fc · once on https://www.notion.com/product/dev · it says “import { NotionAgentsClient } from "@notionhq/agents-client"; const client = new NotionAge” - Aa3.99The text is
#6666fd on #f6f6fc · 7 times on https://www.notion.com/product/dev · it says “import” - Aa4.19The text is
#0075de on #f6f5f4 · 10 times on https://www.notion.com/product/demos · it says “Start tour” - Aa2.66The text is
#a19e99 on #ffffff · 5 times on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2 · it says “Log in to your Notion account” - Aa4.27The text is
#7d7a75 on #ffffff · 4 times on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2 · it says “Email” - Aa3.39The text is
#8e8b86 on #ffffff · once on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2 · it says “Language: English (US)” - Aa4.49The text is
#757167 on #fff5e0 · once on https://www.notion.com/customers/openai · it says “"Notion has become an integral part of our entire research flow and product development pr” - Aa4.49The text is
#727174 on #f8f5fc · 2 times on https://www.notion.com/customers/figma · it says “The sidebar keeps content organized and in sync across every device.”
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.
This site asks the browser not to allow zooming in on a phone.
F1 · Computed accessibility
The viewport tag declares user-scalable=no y maximum-scale=1. Some browsers ignore that request and others respect it.
It is on https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2.
at both widths
It is in the viewport tag, in maximum-scale=1 or in user-scalable=no.
Where it is
meta[name=viewport]
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: Remove that value from one line. 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 10.
F6 · Third parties and consent
They showed up in the first load, before we answered the cookie notice on 10 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: accounts.google.com, http-inputs-notion.splunkcloud.com, images.ctfassets.net. Plus 8 more.
It appears on 11 of the 11 pages we reviewed. Among them: /, /product/dev, /webinars. Plus 8 more.
at both widths
The count for each page
- https://www.notion.com/ · 6
- https://www.notion.com/product/dev · 4
- https://www.notion.com/webinars · 5
- https://www.notion.com/explore-consultants · 4
- https://www.notion.com/product/demos · 5
- https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_e2f277967626446aaa65ec54531df3e2 · 3
- https://www.notion.com/customers/openai · 10
- https://www.notion.com/customers/figma · 10
- https://www.notion.com/customers/ramp · 10
- https://www.notion.com/customers/cursor · 10
- https://www.notion.com/customers/toyota · 5
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.
The headings on each page skip levels once.
F1 · Computed accessibility
Why it matters: Anyone navigating by headings loses the thread of the document.
It is on /explore-consultants.
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.
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.