Digital juridik & etik
Koden har konsekvenser
Det är lätt att tänka på webbutveckling som ett tekniskt hantverk som existerar i ett juridiskt vakuum. Det gör det inte. Och för dig är det inte teori: ditt CV ligger redan publicerat, offentligt, på en riktig adress. Ligger det en bild där som du hittade via Google Bildsök är det inte en övningsmiss, det är en faktisk risk. Bildbyråer kör automatiska system som söker av webben efter otillåten användning.
Den här delen är full av lagar och begrepp, men du behöver inte kunna paragraferna utantill. Du behöver tre skyddsregler. Använd aldrig material du saknar rätt till, det är upphovsrätten och den gäller dig i dag. Samla aldrig in uppgifter du inte behöver, det är GDPR General Data Protection Regulation, EU:s dataskyddsförordning som reglerar hur personuppgifter (t.ex. IP-adresser, namn, e-post) får samlas in och behandlas. och den gäller den dag du bygger ditt första formulär. Och bygg tillgängligt, det är DOS-lagen, lag för offentlig sektor och standard i branschen.
Upphovsrätt
Upphovsrätt uppstår automatiskt i samma ögonblick som något skapas: en text, en bild, ett musikstycke, ett filmklipp. Inga ansökningar, inga märkningar krävs. © Fotograf 2024 är en påminnelse, inte ett krav.
Det innebär att en bild på Google Bildsök är skyddad. Att bilden är lätt att hitta spelar ingen roll. Att du inte tjänar pengar på att använda den spelar ingen roll (för icke-kommersiellt undantag krävs fortfarande en licens). Att alla andra gör det spelar ingen roll.
Du behöver en av tre saker:
- Explicit tillstånd från rättsinnehavaren.
- En öppen licens (Creative Commons eller liknande).
- Public Domain: upphovsrätten har löpt ut (vanligtvis 70 år efter upphovspersonens död i Sverige).
Creative Commons
CC-0 känner du igen från Bildformat & upphovsrätt i Tema 2, där regeln var: välj CC-0 och kontrollera den enskilda bilden. Den regeln står sig. Nu ser du hela licensfamiljen den kommer ur.
Creative Commons (CC) är ett system av standardiserade licenser som upphovspersoner kan använda för att kommunicera vad som är tillåtet:
| Licens | Vad som gäller |
|---|---|
| CC-0 | Public Domain. Inga krav, inga begränsningar. |
| CC-BY | Tillåten om du namnger upphovspersonen. |
| CC-BY-SA | Tillåten med namngivning + ditt verk måste ha samma licens. |
| CC-BY-NC | Tillåten med namngivning, men bara icke-kommersiellt. |
| CC-BY-ND | Tillåten med namngivning, men inga bearbetningar. |
För skolprojekt är CC-0 det säkraste valet, inga villkor att hålla reda på.
Bra källor för CC-0-bilder:
- unsplash.com: fotografier
- openverse.org: sök med CC-0-filter
- commons.wikimedia.org: sök med CC-0-filter
GDPR
GDPR (General Data Protection Regulation) är EU:s dataskyddsförordning, i kraft sedan 2018. Den reglerar hur personuppgifter får samlas in, behandlas och lagras.
Vad är personuppgifter? Alla uppgifter som kan kopplas till en identifierad eller identifierbar person:
- Namn, e-postadress, telefonnummer
- IP-adresser (det har EU-domstolen slagit fast)
- Cookies som spårar beteende
- Formulärdata, kommentarer, betyg
Två principer räcker långt för en webbutvecklare. Ändamålsbegränsning: samla bara in data för ett specifikt, definierat syfte. Dataminimering: samla bara in det som behövs för det syftet, och spara det inte längre än nödvändigt. Behöver du inte födelsedatumet för att skicka nyhetsbrevet, fråga inte efter det.
DOS-lagen och WCAG
DOS-lagen (Lag om tillgänglighet till digital offentlig service) kräver att offentliga aktörers digitala tjänster uppfyller WCAG Web Content Accessibility Guidelines, riktlinjer för att göra webbinnehåll mer tillgängligt, särskilt för personer med funktionsvariation. Innehåller principer som att innehållet ska vara uppfattbart, hanterbart, begripligt och robust. . Det gäller myndigheter, kommuner, regioner och en del offentligt finansierade verksamheter.
Detta kopplar direkt till det du redan arbetat med: kontrastkrav, alternativtext, fokus-states och semantisk HTML. Tillgänglighet är inte frivillig för offentlig sektor, det är lagstadgat.
Etiska bildval
Juridik och etik är inte samma sak. En bild kan vara laglig att använda och ändå vara ett dåligt val.
Frågor att ställa sig:
- Reproducerar bilden stereotyper (kön, etnicitet, ålder, funktionsvariation)?
- Representerar bilderna faktiskt din målgrupp?
- Ger du rätt kontext åt bilden?
En fråga som inte har ett enkelt svar ännu: AI-genererade bilder. Det upphovsrättsliga läget för bilder genererade av AI-modeller är fortfarande oklar i många jurisdiktioner. Kontrollera villkoren för den specifika tjänsten och hur de hanterar träningsdata.
Uppgift: Licensgranskning
Granska bilderna i ditt CV-projekt och säkerställ att du har rätt att använda dem.
- Gå igenom alla bilder i ditt projekt. För varje bild: vet du var den kom ifrån och vilken licens den har?
- Identifiera bilder du inte har rätt att använda (hittade via Google, okänd källa, eller ingen licens).
- Hitta ersättningsbilder på unsplash.com eller openverse.org. Filtrera på CC-0 om du vill vara helt säker.
- Byt ut bilderna och dokumentera källorna: lägg till en HTML-kommentar bredvid varje
<img>-tagg med URL till originalkällan och licensen. - Kontrollera att alla bilder har en meningsfull
alt-text (inte tom, inte “bild”, inte filnamnet). - Reflektion: finns det bilder i projektet som är juridiskt okej men etiskt tveksamma? Stereotyper? Dålig representation? Byt ut dem också.
Vad händer om…
Klicka in på en enskild bild på Unsplash och läs dess licensinformation noga. Har alla bilder identisk Unsplash-licens, eller finns det undantag? Vad säger det om varför du alltid behöver kontrollera den enskilda bilden, inte bara sajten?
Motivera & reflektera
Skriv i din readme.md hur du vet att varje bild i projektet är laglig att använda, med källa och licens. Fanns det en bild du behövde byta ut, och vad var det som gjorde den tveksam, juridiskt eller etiskt?
Nästa nivå
Skissa ett kontaktformulär till din sida, papper räcker. Vilka fält behövs för att någon ska kunna kontakta dig? Stryk allt annat. Skriv sedan en enda rad under formuläret som förklarar vad som händer med uppgifterna. Kan du motivera varje fält som är kvar har du just tillämpat dataminimering.