On 8 of the 9 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 9 pages we reviewed. Among them: /get-started, /effects/, /faq. Plus 5 more.
The count for each page
- https://madewithgsap.com/get-started · 3
- https://madewithgsap.com/effects/ · 4
- https://madewithgsap.com/faq · 3
- https://madewithgsap.com/effects/?freebies · 4
- https://madewithgsap.com/ · 4
- https://madewithgsap.com/login · 4
- https://madewithgsap.com/showcase · 4
- https://madewithgsap.com/permissions-terms · 4
About this check: Partial. We stopped before finishing: of the visible links and buttons on this page, we stored 70 of 398.
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.
On 8 of the 9 pages we reviewed, we found fields that are only explained by the text inside. On the page with the most, there are 2.
F3 · Observed forms
Why it matters: That text disappears as soon as you start typing. Anyone who gets distracted halfway no longer knows what went there.
It appears on 8 of the 9 pages we reviewed. Among them: /, /login, /get-started. Plus 5 more.
at both widths
We found no <label> tied to that field. The placeholder does not replace it: it disappears as you type.
The count for each page
- https://madewithgsap.com/ · 1
- https://madewithgsap.com/login · 2
- https://madewithgsap.com/get-started · 1
- https://madewithgsap.com/effects/ · 1
- https://madewithgsap.com/faq · 1
- https://madewithgsap.com/showcase · 1
- https://madewithgsap.com/effects/?freebies · 1
- https://madewithgsap.com/permissions-terms · 1
Where it is
input[placeholder]
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.
On 6 of the 9 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 9 pages we reviewed. Among them: /, /get-started, /effects/. Plus 3 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.
The measured colors, with their page
- Aa3.69The text is
#858585 on #ffffff · 2 times on https://madewithgsap.com/ · it says “Annual” - Aa3.69The text is
#858585 on #ffffff · 2 times on https://madewithgsap.com/get-started · it says “Annual” - Aa2.84The text is
#999999 on #ffffff · once on https://madewithgsap.com/effects/ · it says “See how the platform works:” - Aa2.84The text is
#999999 on #ffffff · once on https://madewithgsap.com/faq · it says “See how the platform works:” - Aa2.84The text is
#999999 on #ffffff · once on https://madewithgsap.com/showcase · it says “See how the platform works:” - Aa2.84The text is
#999999 on #ffffff · once on https://madewithgsap.com/effects/?freebies · it says “See how the platform works:” - Aa2.84The text is
#999999 on #ffffff · 2 times on https://madewithgsap.com/ · it says “Drag to explore the collection”
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.
We found no main heading on 1 of the 9 pages we reviewed.
F1 · Computed accessibility
We saw no level 1 element that says what the page is about.
It is on /effects/effect121.
at both widths
We found no <h1> on those pages.
The count for each page
- https://madewithgsap.com/effects/effect121 · 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 all 9 pages we reviewed, there are external domains that load before anyone touches anything. On the page with the most, there are 4.
F6 · Third parties and consent
They showed up in the first load. We could not determine whether this page shows a consent notice, so we do not know whether any of this would have changed after answering it. If that matters for what you are going to decide, check it by hand before acting.
Among them: pub-8ca9b5847fbb4d4fb97b3497fb9521d5.r2.dev, region1.google-analytics.com, unpkg.com. Plus 1 more.
It appears on 9 of the 9 pages we reviewed. Among them: /, /login, /effects/effect121. Plus 6 more.
at both widths
The count for each page
- https://madewithgsap.com/ · 4
- https://madewithgsap.com/login · 3
- https://madewithgsap.com/effects/effect121 · 4
- https://madewithgsap.com/get-started · 3
- https://madewithgsap.com/effects/ · 3
- https://madewithgsap.com/faq · 3
- https://madewithgsap.com/showcase · 3
- https://madewithgsap.com/effects/?freebies · 3
- https://madewithgsap.com/permissions-terms · 3
About this check: Partial. This check only covers the domains the page called while loading. We do not judge whether what the page does with those domains is lawful.
No fix proposed: this is a decision worth consulting on.