Klik overal
Deze tegel gebruikt stretched-link.
Test 1 — kopniveau en containerbreedte
Deze pagina is er alleen om te controleren wat het CMS met ons fragment doet. Loop de checklist in docs/cms-test.md af terwijl je hiernaar kijkt.
Emoji leesbaar
Staat hier een palet en geen vraagteken?
Band vol breed
Loopt het roze van rand tot rand?
Kleur klopt
Is de achtergrond #F9EFF3?
Vier op een rij
Op desktop vier, op mobiel twee.
Deze alinea test of vet, cursief en een interne link blijven werken.
De hele tegel moet klikbaar zijn, niet alleen de titel. Test dat ook met de Tab-toets: de tegel moet een focusrand krijgen.
Deze tegel gebruikt stretched-link.
Hover: schuift het beeld iets in?
Staat het labeltje linksboven?
Dit is het belangrijkste blok van de test. Het gebruikt native details en summary, zonder JavaScript.
Zo ja, dan heeft het CMS de details- en summary-elementen laten staan.
Zo ja, dan werkt het name-attribuut en gedraagt de accordeon zich exclusief. Blijven beide open, dan is dat geen fout maar een oudere browser.
Bekijk de paginabron of gebruik de Rich Results Test van Google. Als het script weg is, moet de structured data via een ander veld van het CMS.
| Kolom A | Kolom B | Kolom C | |
|---|---|---|---|
| Rijlabel vetgedrukt? | Ja | Ja | Ja |
| Kolom B roze gemarkeerd? | Nee | Ja | Nee |
| Scrollt de tabel op mobiel? | Test dit | Test dit | Test dit |
Veel CMS'en verwijderen iframes uit een raw-HTML-veld. Zie je hieronder een videospeler, dan mag dit blok blijven bestaan.
CMS'en strippen soms form-elementen, of het formulier komt binnen een bestaand formulier terecht en dan werkt het niet. Verstuur niets, kijk alleen of het veld en de knop er staan.
Deze placeholder draagt data-pb-attributen. Bekijk de paginabron: staan ze er nog? Zo niet, dan kan de shop dit blok niet vullen.
De primaire knop moet de kleur uit --color-primary van deze shop hebben, en beide knoppen moeten volledig rond zijn.
