barncancerfonden.se
Mario Frost, Barncancerfonden
& Johan Kling, Funka
Tillgänglighet
• Behandling kan ge tillfälliga
eller permanenta
funktionsnedsättningar.
• Ett par cancerformer
drabbar ögat.
• En stor del av givarna är
äldre.
Egen insamling
• Lanserades första gången
2007
• Enklare och bättre flöden i
och med nya
verksamhetssystem.
Alvas änglar
Jag heter Alva och är 11 år.
December 2010 fick jag
diagnosen cancer.
Alvas änglar
Alva förlorade sin kamp dagen före
julafton 2012, hon somnade in lugnt
och fridfullt.
Egen insamling i siffror
20
miljoner kronor
15
10
13.7
18.3
5
0
0.2
Mål 2007
Insamlat
2012
Insamlat
2013
Julkampanjen
Julkampanjen i siffror
10
miljoner kronor
8
6
9
4
2
6
2.8
0
Insamlat
2012
Mål 2013
Insamlat
2013
Foundation
Enkel kod
<!DOCTYPE html>
<html lang="sv">
<head id="Head">
<title>Barncancerfonden | Insamlingar & Minnesgåvor</title>
</head>
<body>
<div class="siteWrapper ”>
<div class="large-12 columns”>
<!-- Header -->
</div>
<div class="large-9 small-5 columns”>
<!-- Navigation -->
</div>
<div class="large-12 columns”>
<!-- Main content -->
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
<div>
<div class="large-12 columns”>
<!-- Footer -->
<footer role="contentinfo”>
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
<div class="large-4 columns"></div>
</footer>
</div>
</div>
</body>
</html>
Fortfarande enkel kod
<fieldset>
<legend>Välj belopp</legend>
<ul class="small-block-grid-3">
<li>
<input id="RadioButtonGive1" value="RadioButtonGive1" type="radio">
<label for="RadioButtonGive1">200 kr</label></li>
<li>
<input id="RadioButtonGive2" value="RadioButtonGive2" type="radio">
<label for="RadioButtonGive2">350 kr</label></li>
<li>
<input id="RadioButtonGive3" value="RadioButtonGive3" type="radio">
<label for="RadioButtonGive3">500 kr</label></li>
</ul>
<label for="TextBoxCustomValue" id="LabelCustomValue">Valfritt belopp:</label>
<input id="TextBoxCustomValue" type="number">
<input type="submit" value="Lägg i gåvokorgen"></input>
</fieldset>
Tillgänglighet
Tillgänglighet
Struktur på innehåll
Enkla flöden
Kontraster
Tydliga felmeddelanden
Läsbarhet
Gruppering av objekt
Konsekvens
Stora klickytor
ARIA och HTML5
Vi sätter sunt
förnuft i system
