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
Galleriet ligger publicerat på en riktig adress. Granska bilderna och säkerställ att du har rätt att visa dem där.
- Gå igenom varje bild i
img/. 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 galleriet 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 galleriets readme.md hur du vet att varje bild är laglig att visa, 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å
Lägg rörlig bild i galleriet, och ta reda på vad det kostar dig juridiskt.
Byt ut ett av korten mot en kort video. Taggen slår du upp själv, den är inte poängen här: web.dev: Audio and video går igenom <video> och dess attribut, och MDN:s referens har detaljerna. Tre beslut ska du däremot fatta innan du skriver en rad: ska besökaren själv välja att spela, vad ska kortet visa innan videon laddat, och hur får den som inte hör ljudet veta vad som sägs? Väg dessutom filen. En video väger många gånger mer än en bild, och den som sitter på mobildata betalar för varje megabyte.
Det juridiska är det svåra, för en video bär tre lager rättigheter där en bild bär ett:
- Bilden. Samma regler som förut. Filmade du själv eller hämtade du klippet?
- Musiken. Ett klipp med musik i bakgrunden innehåller någon annans verk, även när du filmat bilden själv. Det gäller också musik som råkade spelas i lokalen.
- Personerna. Syns identifierbara människor behandlar du personuppgifter i samma stund som du publicerar. Har de sagt ja till att ligga på en offentlig adress?
Svara på tre frågor i din readme: får du publicera klippet, vill du publicera det, och skulle du svara likadant om det låg kvar om fem år? Lägger du dessutom till ett kontaktformulär på sidan: vilka fält behöver du egentligen, och vad händer med uppgifterna? Kan du motivera varje fält som är kvar har du tillämpat dataminimering.
Video som bakgrund i stället för som innehåll är en annan uppgift med andra attribut, och den möter du i Hero-arkitektur i Tema 4.