Letos jsme spustili nový firemní web a protože jednou z našich nejdůležitějších firemních hodnot je udržitelnost, rozhodli jsme se podívat na zoubek tomu, jestli web splňuje základní požadavky na přístupnost a zároveň jestli nestojí naši planetu příliš mnoho energie. Říkáte si, jak by web mohl nechat negativní ekologickou stopu? A proč se tím vůbec zabývat z pohledu businessu? Pojďme se na to podívat.
EAA aneb evropský akt o přístupnosti by měl zajímat všechny podnikatele
Máte web nebo aplikaci a European Accessibility Act vám nic neříká? Tak pozor, abyste nezaspali dobu. Podle této směrnice musí vaše nové digitální produkty od června 2025 splňovat základní principy přístupnosti, tedy musí být přístupné i lidem se zdravotním omezením (např. zrakovým, sluchovým nebo motorickým). Cílem je sjednotit pravidla přístupnosti napříč EU a zlepšit inkluzi a digitální rovnost.
Detailněji se o něm nyní rozepisovat nebudeme, protože už to důkladně udělali jiní, například na webu European Disability Forum nebo na webu digitální agentury 1x INTERNET.
Směrnice se týká soukromých firem, veřejných institucí, vývojářů softwaru a webů – obecně všech subjektů s více než 10 zaměstnanci nebo s obratem nad 2 miliony €, které působí v EU. I pokud do těchto kategorií nespadáte, přístupností webu má smysl se zabývat i z marketingového hlediska a přinese užitek všem vašim uživatelům.
Pěkně a přehledně zpracované karty
webové přístupnosti WCAG 2.2.
I digitální produkty zanechávají nemalou CO₂ stopu
Udržitelnost má většina lidí spojenou s recyklací nebo stravováním. Co ale málokdo tuší je to, že i weby mohou spotřebovávat hodně CO₂. Provoz webových stránek a dalších digitálních produktů vyžaduje energii pro servery a datová centra, která zajišťují jejich provoz, a ty spotřebovávají velké množství elektřiny. Čím složitější a datově náročnější web (např. s videi, animacemi), tím vyšší spotřeba energie a tím pádem i vyšší uhlíková stopa.
Nedávno jsme na téma digitální udržitelnost vyzpovídali v rozhovoru naši UX/UI designérku Lucií Kolesárovou. Udržitelnost je spojená taky se zefektivněním a zrychlováním, stejně jako s uživatelskou přívětivostí (UX). Například dobře zorganizovaný web je snadno dostupný. Uživatel na něm jednoduše najde to, co potřebuje – ať už má nějaký handicap, nebo ne. To, že uživatel najde to, co potřebuje rychle, šetří jeho čas, podporuje obchodní cíle a spotřebuje méně energie. Je to tedy win win.
Lucía v rozhovoru taky vysvětluje, že většina obsahu na internetu a sociálních sítích je tzv. datový smog – nadbytečný obsah, který uživatelům nepřináší žádnou hodnotu. Clickabaitové články, obsah generovaný AI, texty psané pro SEO…hledat autentický obsah v dnešní době, je jako hledat jehlu v kupce sena. Udržitelný design může nejen přispět k eliminaci datového smogu, ale také zvýšit efektivitu, uživatelskou přívětivost a ziskovost webu.
webové udržitelnosti
Přístupnost a udržitelnost webu si můžete zkontrolovat v online nástrojích
U našeho webu www.stridexl.com jsme začali kontrolou v online analyzátorech. Na internetu existuje spousta nástrojů, pomocí kterých si můžete rychle a snadno ověřit, jestli je váš web dostatečně rychlý, optimalizovaný, přístupný a ekologický.
My jsme použili tyto:
- Page Speed Insights – k analýze rychlosti a výkonnosti webových stránek.
- Digital Beacon – k monitorování a hodnocení digitální přístupnosti webových stránek, zejména ve vztahu k legislativním požadavkům, jako je např. Evropský akt o přístupnosti (EAA)
- Ecograder – vyhodnocuje, jak energeticky náročné je načítání webové stránky – tedy kolik elektřiny se spotřebuje a jaký má stránka uhlíkovou stopu (CO₂).
- Website Carbon Calculator – alternativa Ecograder.
Jen pozor, na online analyzátory se nedá spoléhat stoprocentně. Každý měří trochu jinak a i nám ukázaly různorodé výsledky. Hlavní je hledat průnik a vhodné řešení pro váš web.
Velkou roli hraje webový hosting
Jak jsme vysvětlili na začátku, udržitelnost webu ve velké míře závisí na hostingu. Webové stránky běží na serverech, které jsou umístěné v datových centrech, které potřebují velké množství energie nejen pro běh serverů, ale i pro jejich chlazení.
Náš web je postavený v builderu Webflow, který využívá Amazon Web Services (AWS) – konkrétně AWS Cloudfront a S3, které běží v různých datových centrech po světě.
- AWS má závazek přejít do roku 2025 plně na obnovitelné zdroje.
- Už dnes mnoho jejich regionů běží na „čistší“ energii než jiné (např. datacentra v USA nebo Skandinávii).
Nemáme tedy přímý vliv na výběr datového centra, ale celkově je Webflow hosting ekologičtější než průměr. I když nemůžeme změnit server, můžeme snížit množství dat, které se musí přenášet a zpracovávat.
Optimalizovali jsme obrázky a média na celém webu, převedli je do formátu AVIF místo tradičních PNG/JPG, nahráváme je v již upravené velikosti na web a máme nastavený tzv. lazy loading – postupné nahrávání obrázků při vstupu na stránku. To znamená, že se data nemusí nahrát zároveň na celé stránce, ale nahrávají se postupně při scrollování webem.
Co můžete pro udržitelnější web udělat hned teď?
Ptáte se, co můžete udělat rovnou a bez velkých a složitých zásahů? Ať už z pohledu designu, přístupnosti, optimalizace nebo businessu? Zkuste si odpovědět na tyto otázky:
- Vím, kdo je moje cílová skupiny a jaké má potřeby?
- Najde na mém webu uživatel rychle to, co potřebuje?
- Tvořím obsah, který je relevantní a užitečný pro moji cílovou skupinu?
- Web průběžně testuji a ověřuji, že splňuje stanovené cíle?
- Používám zažité designové vzorce?
- Mám udržitelný přístup k médiím (video, fotky, animace)?
- Používám jeden, maximálně dva různé fonty?
- Mám nastavené alternativní texty médií a titulky u videa?
- Jde můj web ovládat i jinak než myší? Například pomocí klávesnice?
- Barevné kontrasty odpovídají definovaným standardům WCAG 2.2.?
- Mám na webu co nejméně dokumentů ke stažení?
→ Odpověděli jste na většinu otázek ANO? Výborně, gratulujeme! Máte přístupný a udržitelný web.
→ Nepodařilo se vám na některé otázky odpovědět, nebo jste jim ani nerozuměli? Pak je možná správný čas věnovat svému webu tu správnou péči a zapracovat na jeho udržitelnosti a zároveň na tom, jestli naplňuje svůj účel a generuje zisk vašemu podnikání.
Web stridexl.com je nyní přístupný a optimalizovaný
I když jsme na začátku procesu byli trochu kovářova kobyla, pomocí několika jednoduchých kroků se nám podařilo zlepšit hodnocení webu v online analyzátorech o nemalá čísla. Zaměřili jsme se hlavně na přístupnost webu pro lidi se zdravotním postižením a optimalizovali média.
Co se týče technologického řešení, měli jsme trochu svázané ruce. Webové buildery typu Webflow jsou z hlediska udržitelnosti jedním z nejhorších možných řešení. V našem případě by ale byznysově nedávalo smysl web stavět celý od znova. Pokud vy máte tu možnost a začínáte s redesignem, nebo stavíte nový web, zvažte dobře výběr technologie. Existují i šablony pro webové buildery, které jsou optimalizované, ale nejlepším řešením je web na míru, vyvinutý s důrazem na udržitelnost.
.avif)
Co si z toho odnést?
Jak sami vidíte, jde o komplexní problematiku, která leží na bedrech nejen designérům, ale i programátorům a administrátorům webů. Přístupnost a udržitelnost webu nejsou jen o splnění legislativních požadavků, ale především o odpovědném přístupu k uživatelům i planetě. Kvalitně navržený, přehledný a efektivní web prospívá byznysu, šetří čas, energii a otevírá digitální prostor všem – bez ohledu na schopnosti.
Ačkoliv se může zdát, že jde o technicky náročné úpravy, často stačí začít drobnými kroky a postupně je rozšiřovat. European Accessibility Act přináší důležitý impuls, ale největší motivací by mělo být vytvářet digitální prostředí, které je funkční, spravedlivé a dlouhodobě udržitelné.
