Mediet är budskapet

Mitt första möte med a11y år 2022

Jag hade en väldigt slagkraftig lektor under min tid på högskolan dalarna. Det var han som lärde ut grunderna i webbutveckling, och det skedde på ett drakoniskt vis som jag fortfarande kommer ihåg som uppfriskande, även om det kanske sett omodernt ut från utsidan.

Han krävde för den här uppgiften att vi skulle uppfylla WCAG 2.2 på AAA nivå. Det var första gången vi handskades med ämnet, och jag, som älskar att läsa dokumentation, föll för ämnet på en gång. Det bara är något med krav och standards som jag enkelt fastnar vid. Det är så omedelbart på något sätt...

I digress,

jag gjorde detta 50/50 research/webbutveckling-projekt tillsammans med min kurskamrat Daniel Ericson, som jag också gjorde mitt ex-jobb (också gällande a11y) med. Idéen kom från en diskussion om hur mycket vi gillar långa låtar, och varför det känns som att medellåten blivit kortare de senaste åren.

"En vanlig observation om den sjunkande låtlängden på streamingtjänster är att den genomsnittliga koncentrationsförmågan har gått ner, och att detta är anledningen att låtlängden har gått ner, men enligt David Hesmondhalgh, Professor i Media, Music and Culture vid University of Leeds finns det anledning att vara skeptiskt mot detta"
— Utdrag från en av artiklarna på sidan

---

Designprocessen

Vi tog mycket inspiration från "coola" musikpublikationer/webbplatser/skivbolag som t.ex pitchfork, nts.live och YEAR0001. Jag hade en tydlig vision från början om stora detaljerade illustrationer och jag hade också en blomstrande passion för SVG, så jag körde hårt på det helt enkelt. Hade jag gjort om projektet idag hade jag nog lagt mer tid på researchfasen, vilket har blivit ett mycket större intresse för mig under min nuvarande utbildning.

Stack

Vi provade på highcharts, ett JS-bibliotek för diagram, och det kan se ut lite så här:

Highcharts.chart("container-chart-main", {
      chart: {
        styledMode: true,
        renderTo: "container-chart-main",
        panning: {
          enabled: true,
          type: "x",
        },
        panKey: "shift",
      },

      data: {
        csvURL: "./data/RIAA Revenue Chart 1973-2021 Grouped v3 bn round3.csv",
        beforeParse: function (csv) {
          return csv.replace(/\n\n/g, "\n");
        },
      },

      accessibility: {
        description:
          "En graf som visar intäkter som musikformaten Vinyl, Kassett, Cd, Nedladdning och Streaming tjänat mellan 1973 och 2021. Cd har tjänat mest (ca. 51%, mestadels under 90-talet och tidiga 2000-talet), följt av Vinyl (ca. 18%, mestadels under 70-och-80-talen, med en liten återkomst i 2020-talet), sedan Kassett (ca. 17%, mestadels under 80-och-90-talen), Streaming (ca. 8%, från 2010-talet och framåt) och sist Nedladdning (ca. 5%, mestadels under 2000-talet).",
      },

// etc etc

Utöver det körde vi bara HTML/CSS/JS, utan några ramverk. Jag såg det som en utmaning att lära mig språken då jag på den tiden fortfarande började behärska mig och inte ville skynda utan att förstå grunden.