0360 Alternativ slutuppgift
Om du vill göra några mindre uppgifter istället för en stor gör du följande uppgift.
Uppgiften består av fyra deluppgifter där den sista bara behöver göras om du vill ha högre betyg än E.
Gör en planerings- och redovisningswebbplats. Gör en meny med länkar till var och en av sidorna. Mer om dessa följer. För var och en av de fyra uppgifterna gör du följande sidor på planerings- och redovisningswebbplatsen. Länka till dem från startsidan.
Mål
Skiss och wireframe
Redovisning
Mer om planerings och redovisningssidans utformning.
Om innehållet på redovisningssidan
Länkar till de olika uppgifterna följer.
För C även:
Validering
Länkar till validering längst ner på sidorna. Sidorna ska validera. Gäller alla sidor.
HTML5 ...
CSS3 ...
i18n ...
Länkar ...
Följande uppgift löser de fyra första punkterna.
Länk till källkod
Gör länkad uppgift för att kunna visa källkod via en länk på sidan. Gör all din kod tillgänglig för granskning.
För A även
Validering
Semantik
Korrekt semantik. Använder semantiska HTML-element då det finns och på avsett vis. Använder t.ex.
<
article> och
<
section>
på avsett vis.
Wave
Wave hos WebAIM. Sidan som ska valideras måste ligga på webbhotellet.
Konstrasttest
Color Contrast Checker, WebAIM
WebAIM
Screen readers
Testa en screen reader på din hemsida. Använd till exempel NVDA eller JAWS. Mer om dem nedan. Hur låter din sida. Är den tillgänglig? Kan du göra din sida mer tillgänglig? Gör det.
Screen Reader User Survey #6 Results, WebAIM
Using NVDA to Evaluate Web Accessibility, WebAIM
Using JAWS to Evaluate Web Accessibility, WebAIM
Bildoptimering
PngCrush
PngCrush kan användas för att minska png-filer. Gör det med dina bilder. Redovisa resultaten (komprimeringsgraden).
CSS-sprit
Test hur man kan göra. Använd på din sida.