Hva er inkludert på Steinerskolens nettsidemal?

Innholdsverktøyet

Nettsiden bruker Pages CMS – et enkelt publiseringsverktøy (Content Managemnt System) der innholdet redigeres i nettleseren. Skoleadministratorer logger inn, velger en side og redigerer tekst og bilder direkte.

Alle sidene er organisert i maler tilpasset steinerskolers struktur. Hver mal bestemmer hvilke felt som er tilgjengelige og hvordan innholdet vises.

Sidemaler

Forsiden har et bilde som fyller toppen av siden, felt for overskrift, ingress og handlingsknapper. Under heroen vises tre pillarartikler og et utvalg fremhevede sider fra navigasjonsstrukturen.

Artikkelside (denne siden) er den vanlige malen for informasjonssider. Den støtter overskrift, ingress, brødtekst, bilde og vedlegg. Vedlegg vises som en nedlastingsliste nederst på siden.

Aktuelt er en listeside som viser nyhetsartikler i kronologisk rekkefølge med sideveksling. Hvert innlegg har overskrift, ingress, dato, bilde og brødtekst. Nyhetsartikler er merket med strukturerte data for søkemotorer (se nedenfor).

Skolerute grupperer hendelser automatisk etter måned. Hendelsene har navn, dato og valgfri beskrivelse. Siden har en utskriftsfunksjon som gir en pen skolerute uten navigasjon og farger.

Ansatte og kontakt viser medarbeiderkort med navn, tittel, bilde, e-postadresse og telefonnummer. Kortene administreres som egne undersider og samles automatisk på kontaktsiden. En felles kontakttekst og et bilde kan legges til øverst.

Navigasjon og meny

Navigasjonen henter automatisk inn publiserte sider fra sidehierarkiet. Seksjoner med undersider vises som nedtrekksmeny på store skjermer. Personvernerklæringen vises alltid i bunnteksten.

På mobiltelefoner og nettbrett skjuler menyen seg bak en menyknapp. Menyen åpner seg i fullskjerm med såkalte trekkspillmenyer for seksjoner med undersider. Skolens handlingsknapper – for eksempel «Søk skoleplass» – vises festet i bunnen av mobilmenyen.

Toppbanner skjuler seg når brukeren scroller ned og dukker opp igjen ved oppscrolling.

Bunnteksten har tre kolonner som redigeres i CMS. Kolonnene støtter formatert tekst med lenker, adresse og kontaktinformasjon.

Sidesøk

Nettsiden har innebygd sidesøk. Søkefunksjonen er plassert i toppnavigasjonen og er tilgjengelig på alle sider.

Sidesøk er påkrevd etter norske regler om universell utforming av IKT. Regelverket krever at nettsteder har en alternativ navigasjonsmetode i tillegg til menyen, og sidesøk oppfyller dette kravet.

Design og fargetema

Seks ferdiglagde fargepaletter er tilgjengelige. Skolen velger ett fargetema ved oppstart. Temaet påvirker farger på bakgrunner, tekst, knapper og navigasjon på tvers av hele nettstedet.

Fonter, størrelser, avstander og kortoppsett er likt for alle temaer og skoler. Det gir et konsistent utseende og profil for alle Steinerskolene uansett hvilken palett skolen bruker.

Skjermen tilpasser seg automatisk til skjermstørrelse. Nettstedet er testet mot mobiltelefon, nettbrett, laptop og storskjerm.

Tilgjengelighet

Nettstedet er bygget etter WCAG 2.1 AA – det internasjonale regelverket for tilgjengelige nettsider og det nivået Norsk lov om universell utforming av IKT krever.

«Offentlige og private virksomheter har plikt til universell utforming av hovedløsninger for informasjons- og kommunikasjonsteknologi (IKT) rettet mot eller stilt til rådighet for bruker, slik at virksomhetens alminnelige funksjoner kan benyttes av flest mulig, uavhengig av funksjonsevne.»

Tastaturnavigasjon. Alle interaktive elementer – menyer, knapper, lenker og søk – kan nås og aktiveres med tastaturet alene.

Skjermleserstøtte. Navigasjonsmenyen er merket med `aria-label` og `aria-expanded` slik at hjelpeverktøy for synshemmede leser opp riktig status. Dekorative bilder og ikoner er skjult for skjermlesere. Aktiv side er markert med `aria-current` i menyen.

Fargekontrast. Tekstfarger i alle seks temaer er testet mot bakgrunnsfargene de brukes på. Alle kombinasjoner tilfredsstiller minimumskravene i WCAG AA.

Redusert bevegelse. Brukere som har aktivert «Reduser bevegelse» i operativsystemet sitt opplever en versjon av nettstedet der animasjoner og overganger er slått av.

Synlighet i søkemotorer

Metadata. Alle sider har tittel og beskrivelse som søkemotorer bruker til å forstå og presentere innholdet.

Strukturerte data. Nettstedet sender maskinlesbar informasjon til søkemotorer på hvert sidebesøk. Informasjonen beskriver skolen som utdanningsinstitusjon med navn, adresse, telefonnummer, e-postadresse og nettadresse. Nyhetsartikler sendes med publiseringsdato og tittel. Formatet følger Schema.org-standarden som Google og andre søkemotorer aktivt bruker.

Disse dataene endres ved oppstart når skolen får eget domene. Selve koden er den samme for alle skoler.

Kanoniske adresser. Siden bruker kanoniske URL-er som forteller søkemotorer hvilken adresse som er gjeldende for hver side.

Informasjonskapsler og personvern

Nettsiden kan settes opp med Cookiebot for å håndtere samtykke til informasjonskapsler. Hver skole får da sin egen Cookiebot-konto koblet til skolens domene. Banneret vises for alle besøkende i henhold til norsk og europeisk personvernlovgivning (GDPR). Cookiebot er en tredjepartsleverandør og egne priser påløper.

Personvernerklæringen har fast plass i bunnteksten og er alltid tilgjengelig.

Hva skoleadministratorer gjør selv

Skoleadministratorer administrerer innholdet i CMS. Det vil si å skrive og oppdatere tekster, laste opp bilder, publisere nyhetsartikler, legge til datoer i skoleruten og oppdatere ansattlisten.

Kode, design, fargepaletter, tilgjengelighetsløsninger, søkemotordata og navigasjonsstruktur vedlikeholdes av Anyone.