Hem

Projektbeskrivning

Ett WordPress tema med fokus på semantisk korrekt HTML och ett tillgänglighet från början av processen.

Startpunkt

_S underscores startertheme – optimerat för SASS

Nuvarande stadie:

ca 1/3 färdigt, ingen design är färdigställd, endast använt namngivna css färger och fokuserat på att få funktioner och övergripande. designmönster på plats.

Tekniker:

HTML:
Fokus på att skriva enkel lätt tydbar kod som följer rådande tillgänglighets standard, använder Aria attribut eller css klasser för att dölja text som byts ut av ikoner. CSS Grid hjälper till mycket i att skapa bättre organiserad kod.
Hela siten ska fungera att navigera med tangentbord och screenreader

CSS/SASS:
Ganska aggressiv implementering av moderna utvecklingstekniker, CSS grid layout till de webbläsare som stöder det.
Övriga webbläsare serveras mobilvyn med en maxbredd på innehållet.
Fokus var på att ersätta webbläsarnas fokusklasser med egna alternativ.

JAVASCRIPT:
Utmaningen låg i att skapa en fungerande navigation som slår ihop två menyer till en i mobilvyn och samtidigt behålla en fungerande <tab> navigering.

PHP:
Det vanliga stöket med att leta reda på vilken fil som hör med vilken och registrera funktioner, menyer, widget areas etc.

Utvecklings motto:

Första projektet där jag anammade WordPress profilen Morten-Rand Hendrikssens utvecklings motto:

Make it accessible!
Make it pretty!
Make sure the pretty don’t break the accessibility!