Vaatimustenmukaisuuden tarkistuslista

Tekninen kuvaus. Ei juridiikkaa eikä korvaa tietosuojavastaavan arviota.

1 · Evästeet ja suostumus (ePrivacy + GDPR 6–7 art.)

• Ei yhtään evästettä eikä pyyntöjä kolmansille osapuolille.
• Ei tallennusta ennen valintaa — tallennus tapahtuu vasta valinnasta.
• Hyväksy ja hylkää yhtä näkyviä: sama koko, sama kontrasti, ei esivalintaa.
• Valinnan voi perua alatunnisteen ”Evästevalinnat”-linkistä.

2 · Tietosuojaseloste (GDPR 13 art.)

• Rekisterinpitäjä ja yhteystiedot alatunnisteessa (esimerkkitiedot).
• Käsittelyn tarkoitus, oikeusperuste, säilytysaika ja rekisteröidyn oikeudet kirjattava ennen tuotantoa.
• Oikeus valittaa valvontaviranomaiselle (Suomessa tietosuojavaltuutetun toimisto).
• Palvelin EU:ssa; siirtoja EU:n ulkopuolelle ei ilman erillistä arviota.

3 · Saavutettavuus (WCAG 2.2 AA / EN 301 549)

• Kontrasti mitattu build-vaiheessa: 60 väriparia, kaikki ≥ 4,5:1.
• Perusteksti 15–18 px, otsikot skaalautuvat 200 % zoomiin (clamp()).
• Napsautettavat kohteet ≥ 44 px; näkyvä kohdistus; siirtymälinkki; lang="fi".
• Kaksi välilehtitasoa toimivat näppäimistöllä: Tab, nuolet, Home, End.
• Ei animaatioita; prefers-reduced-motion ei laukea.

4 · Tekniset valinnat

• Yksi HTML-tiedosto: ei ulkoisia fontteja, kuvia, skriptejä eikä analytiikkaa.
• noindex; staattinen sisältö; ei lomakkeita käytössä eikä henkilötietojen keräämistä.
• Mallisivuston yritys (Aurora Systems Oy) on kuvitteellinen.

Kymmenen suunnittelusuuntaa

• Aurora Noir — Editorial luxury: 12-col grid, gold hairlines, serif display, numbered sections, plate imagery.
• Swiss Grid — Strict Swiss: flush-left 12-col grid, red square accent, table-led pricing, index navigation.
• Bento Calm — Apple-style calm: centred claim, 24 px rounded bento tiles, gradient meshes, pill buttons.
• Terminal Amber — Phosphor terminal: monospace, boxed session/log panels, man-page product page, tier table.
• Nordic Paper — Warm paper: serif headings, underlined services list, quiet stat band, price list instead of cards.
• Brutal Poster — Loud poster: 5 px rules, yellow slabs, offset hard shadows, ticker strip, inverted table row.
• Glass Prism — Glassmorphism: gradient field, blurred glass cards, conic hero art, pill nav, glowing metrics.
• Blueprint — Technical drawing: blueprint grid, title block, dimension lines, annotated SVG diagram, doc tables.
• Magazine Feature — Print feature: masthead + issue line, drop cap, two-column body, pull quote, byline.
• Neo Console — Product UI: icon rail, command bar with breadcrumb, KPI cards with bars, status pills, data table.

Mitattu kontrasti