O tomto webe

Konštrukcia

• Obsah vo štyroch jazykoch je uložený v štruktúrovaných údajoch, z ktorých vlastný generátor skladá statické stránky. Na serveri nebeží žiadna aplikácia, databáza ani redakčný systém.
• Žiadny framework ani knižnice tretích strán, len vlastné štýly a vlastný skript.
• Pri každom zostavení sa overí, že všetky štyri jazyky majú rovnakú štruktúru, že kontrast textu spĺňa WCAG AA a že žiadny vnútorný odkaz nie je prerušený. Ak niečo nesedí, zostavenie skončí chybou.

Bez cudzích služieb

• Písma, fotografie, videá a skripty sa načítavajú len z tejto domény. Web nepoužíva cookies, analytické skripty ani vložený obsah iných služieb, takže návštevu nesleduje žiadna cudzia služba.
• Pravidlá obsahu (Content Security Policy) povoľujú prehliadaču načítať len vlastné súbory webu.

Rýchlosť

• Fotografie sa posielajú vo veľkosti podľa obrazovky a vo formáte AVIF, ktorý je približne o polovicu menší než JPEG.
• Videá sa načítajú len na väčších obrazovkách a až vtedy, keď sa k nim návštevník priblíži. Pri úspornom režime dát a pri obmedzenom pohybe sa nenačítajú vôbec.
• Prehliadače, ktoré to podporujú, si stránku, na ktorú sa chystáte prejsť, pripravia vopred a prechod medzi stránkami je plynulý, bez prebliknutia.

Grafika

• Nadpisy sú v písme Source Serif 4, text v Inter. Obe písma sú voľne licencované, majú latinku aj azbuku a načítavajú sa z tohto webu.
• Paleta je chladná čierna s jediným zlatým akcentom. Zlatou je označené to, čo je práve aktívne alebo vybrané.
• Mapa, schémy a ikony sa kreslia z geometrie priamo v stránke, nie ako obrázkové súbory, takže sú ostré aj na displejoch s vysokým rozlíšením. Hranice štátov na mape pochádzajú z voľne dostupných údajov Natural Earth.
• Fotografie Bratislavy (Lukáš Kulla, Unsplash), River Parku (Vlastimil Starec, Pexels) a portrét zakladateľa sú skutočné zábery. Obrázky ocenení pochádzajú z archívu BIOELEKTRA SE. Ostatné obrázky a videá sú ilustrácie.

Čitateľnosť

• Farby textu a pozadia majú kontrast najmenej 4,5 : 1 (WCAG AA). Riadok textu má obmedzenú dĺžku, ktorá sa na širokej obrazovke nepredlžuje.
• Nadpisy, popisky ani tlačidlá nie sú písané verzálkami. Číslice v údajoch a rokoch majú rovnakú šírku.
• Pomlčky a rozsahy rokov sa píšu podľa pravidiel každého jazyka. Pomlčka nikdy nezačína riadok a rozsah rokov sa nerozdelí na dva riadky. Jednopísmenové predložky a spojky nezostávajú na konci riadku.
• Sekcie, ktoré obsah striedajú samy, ho nechajú na obrazovke tak dlho, ako trvá jeho prečítanie, a pod kurzorom sa zastavia.

Prístupnosť a tlač

• Všetok obsah je dostupný aj bez JavaScriptu a každá fotografia má textový popis. Ak má návštevník v systéme nastavené obmedzenie pohybu, animácie sa vypnú.
• Pri tlači vyjde každá stránka na bielom papieri s hlavičkou spoločnosti, bez navigácie a bez fotografií, okrem portrétu zakladateľa.
• QR kód v Kontakte obsahuje priamo kontakt skupiny, nie odkaz, takže ho telefón uloží bez otvorenia akejkoľvek adresy. Zobrazuje sa na počítači a v tlači; na telefóne nie, lebo vlastnú obrazovku naskenovať nemožno.

Overiteľnosť

• Každé ráno automatická kontrola porovná všetky súbory webu, hlavičky, presmerovania a záznamy DNS s posledným overeným stavom a preverí certifikáty, šifrovanie a zabezpečenie pošty. Akúkoľvek odchýlku hlási e-mailom.
• Súbor security.txt je podpísaný kľúčom PGP skupiny a dá sa overiť jej verejným kľúčom.
• Pre vyhľadávače má každá stránka štruktúrované údaje (schema.org), mapa stránok uvádza dátumy zmien a zmeny sa vyhľadávačom oznamujú hneď po nahratí (IndexNow).

• Bezpečnosť – šifrovanie, domény, pošta a nezávislé testy