Vilka standarder finns förutom WCAG

WCAG (Web Content Accessibility Guidelines) handlar om tillgänglighet. WCAG är ett slags regelpaket som täcker allt från kontrast till ljuduppspelning. WCAG gäller alla företag som handlar eller kommunicerar med privatpersoner.

finns det många andra webstandarder som styr hur webben fungerar och utvecklas. Dessa standarder täcker allt från grundläggande webbteknologier till specifika områden som säkerhet och interoperabilitet. Här är en översikt över några av de viktigaste webstandarderna:

1. HTML (HyperText Markup Language)
   HTML är grundbulten för webbsidor. Det används för att strukturera innehåll på webben, som rubriker, stycken, bilder och länkar. Standarden uppdateras regelbundet av W3C och dess partnerorganisation WHATWG för att inkludera nya element och funktioner.

Senaste version: HTML5, som introducerade stöd för video, ljud och interaktiv grafik utan plugins.

2. CSS (Cascading Style Sheets)
   CSS är standarden för att styla och designa webbsidor. Det låter utvecklare bestämma färger, typsnitt, layouter och responsivitet.

Exempel: Med CSS kan en webbplats anpassa sitt utseende beroende på om den visas på en mobiltelefon eller dator.
Senaste uppdateringar: Flexbox, Grid Layout och variabler (CSS Custom Properties) gör CSS kraftfullare än någonsin.

3. JavaScript (ECMAScript)
   JavaScript är språket för dynamiska och interaktiva webbsidor. Standarden för JavaScript kallas ECMAScript, som förvaltas av ECMA International.

Exempel på användning: Laddning av innehåll utan att sidan behöver uppdateras (AJAX), animeringar, och validering av formulär.
Senaste versioner: ECMAScript 2023 och framåt inkluderar nya funktioner för effektivare programmering.

4. ARIA (Accessible Rich Internet Applications)
   ARIA kompletterar WCAG genom att definiera hur dynamiska webbapplikationer ska göras tillgängliga. Med ARIA-attribut kan utvecklare göra moderna webbapplikationer, som interaktiva tabeller eller drag-and-drop-funktioner, mer användbara för personer som använder hjälpmedel.

Exempel: Ett “aria-label” kan ge en knapp en tydligare beskrivning för skärmläsare.

5. SVG (Scalable Vector Graphics)
   SVG är en standard för att skapa och visa vektorbaserad grafik på webben. Den är särskilt användbar för interaktiva diagram, ikoner och grafik som måste skalas utan att förlora kvalitet.

Fördelar: Stödjer animationer och är kompatibel med CSS och JavaScript.

6. HTTP (HyperText Transfer Protocol)
   HTTP är protokollet som gör det möjligt för webbläsare att kommunicera med servrar och visa webbplatser. Den senaste versionen, HTTP/3, förbättrar hastigheten och säkerheten jämfört med tidigare versioner.

Relaterad standard: HTTPS, som lägger till ett lager av kryptering för säker kommunikation.

7. WebRTC (Web Real-Time Communication)
   WebRTC är en standard för att möjliggöra realtidskommunikation, som video- och röstsamtal, direkt i webbläsaren utan att använda externa program.

Exempel: Används av tjänster som Google Meet och Microsoft Teams.

8. REST och GraphQL
   Dessa är standarder för hur applikationer kommunicerar med varandra via API:er (Application Programming Interfaces).

REST (Representational State Transfer): Bygger på HTTP och används av många webbtjänster.
GraphQL: Ett nyare alternativ till REST som gör det enklare att begära exakt det data som behövs.

9. JSON (JavaScript Object Notation)
   JSON är ett standardformat för att utbyta data mellan webbtjänster och applikationer. Det är lättläst för både människor och maskiner.

Användning: Exempelvis vid kommunikation mellan en frontend och backend i en webbapplikation.

10. TLS (Transport Layer Security)
    TLS är standarden för att säkra datakommunikation på webben. Den skyddar mot avlyssning och dataintrång.

Relaterat: HTTPS, som är en implementation av TLS ovanpå HTTP.

11. DOM (Document Object Model)
    DOM är en standard för hur webbdokument organiseras och kan manipuleras av skript (som JavaScript). Det gör det möjligt för utvecklare att skapa dynamiska och interaktiva webbsidor.

Exempel: Ändra innehållet i en -tagg utan att behöva ladda om sidan.

12. WebAssembly (WASM)
    WebAssembly är en relativt ny standard som låter utvecklare köra högpresterande kod (t.ex. från C++ eller Rust) i webbläsaren.

Exempel: WebAssembly används för att skapa tunga applikationer som videoredigerare och spel.

13. PWA (Progressive Web Apps)
    Standarderna för PWA gör det möjligt att bygga webbapplikationer som fungerar som native-appar på mobilen. De kan installeras på hemskärmar, köras offline och skicka pushnotiser.

Relaterat: Manifestfiler och Service Workers är nyckelkomponenter.

14. WebXR (Extended Reality)
    WebXR är en standard för att skapa upplevelser inom augmented reality (AR) och virtual reality (VR) direkt i webbläsaren.

Exempel: Virtuella visningar av bostäder eller AR-spel.

15. Open Graph och Schema.org
    Dessa är standarder för metadata som används av sociala medier och sökmotorer.

Open Graph: Gör att delat innehåll ser snyggt ut på plattformar som Facebook och LinkedIn.
Schema.org: Ger struktur åt data för att förbättra sökresultat.
Varför är webstandarder viktiga?
Webstandarder gör webben:

Tillgänglig: För alla användare, enheter och webbläsare.
Hållbar: Gamla webbplatser fungerar fortfarande när tekniken uppdateras.
Säker: Med standarder som HTTPS och TLS.
Effektiv: Utvecklare slipper uppfinna hjulet på nytt för varje projekt.
Genom att följa standarder kan utvecklare skapa webbupplevelser som är konsekventa, inkluderande och framtidssäkra.

Lär dig mer om webben på gptonline.ai/sv!