O tej stronie

Budowa

• Treść w czterech językach jest zapisana w danych strukturalnych, z których własny generator składa statyczne strony. Na serwerze nie działa żadna aplikacja, baza danych ani system zarządzania treścią.
• Żadnego frameworka ani bibliotek stron trzecich, tylko własne style i własny skrypt.
• Przy każdym budowaniu sprawdza się, czy wszystkie cztery wersje językowe mają tę samą strukturę, czy kontrast tekstu spełnia WCAG AA i czy żaden link wewnętrzny nie jest zerwany. Jeśli coś się nie zgadza, budowanie kończy się błędem.

Bez usług stron trzecich

• Czcionki, zdjęcia, filmy i skrypty są wczytywane wyłącznie z tej domeny. Strona nie używa plików cookie, skryptów analitycznych ani osadzonych treści innych usług, więc wizyty nie śledzi żadna zewnętrzna usługa.
• Reguły treści (Content Security Policy) pozwalają przeglądarce wczytywać tylko własne pliki strony.

Szybkość

• Zdjęcia są wysyłane w rozmiarze dopasowanym do ekranu i w formacie AVIF, mniej więcej o połowę mniejszym niż JPEG.
• Filmy wczytują się tylko na większych ekranach i dopiero wtedy, gdy odwiedzający się do nich zbliży. W trybie oszczędzania danych i przy ograniczeniu ruchu nie wczytują się wcale.
• Przeglądarki, które to obsługują, przygotowują z wyprzedzeniem stronę, na którą zamierzają Państwo przejść, a przejście między stronami jest płynne, bez mignięcia.

Grafika

• Nagłówki są złożone krojem Source Serif 4, tekst krojem Inter. Oba kroje mają wolną licencję, obejmują alfabet łaciński i cyrylicę i są wczytywane z tej witryny.
• Paleta to chłodna czerń z jednym złotym akcentem. Złotem oznaczone jest to, co jest właśnie aktywne lub wybrane.
• Mapa, schematy i ikony są rysowane z geometrii bezpośrednio na stronie, a nie jako pliki graficzne, dlatego są ostre także na ekranach o wysokiej rozdzielczości. Granice państw na mapie pochodzą z ogólnodostępnych danych Natural Earth.
• Zdjęcia Bratysławy (Lukáš Kulla, Unsplash) i kompleksu River Park (Vlastimil Starec, Pexels) oraz portret założyciela są autentyczne. Obrazy nagród pochodzą z archiwum BIOELEKTRA SE. Pozostałe obrazy i filmy są ilustracjami.

Czytelność

• Kolory tekstu i tła mają kontrast co najmniej 4,5:1 (WCAG AA). Wiersz tekstu ma ograniczoną długość, która na szerokim ekranie się nie wydłuża.
• Nagłówków, etykiet ani przycisków nie pisze się wersalikami. Cyfry w danych i latach mają jednakową szerokość.
• Myślniki i zakresy lat są zapisywane zgodnie z zasadami każdego języka. Myślnik nigdy nie rozpoczyna wiersza, a zakres lat nie dzieli się na dwa wiersze. Jednoliterowe przyimki i spójniki nie zostają na końcu wiersza. Dzień i miesiąc w dacie pozostają w tym samym wierszu.
• Sekcje, które same zmieniają treść, pozostawiają ją na ekranie tak długo, jak trwa jej przeczytanie, i zatrzymują się pod kursorem.

Dostępność i druk

• Cała treść jest dostępna także bez JavaScriptu, a każde zdjęcie ma opis tekstowy. Jeśli odwiedzający ma w systemie ustawione ograniczenie ruchu, animacje są wyłączane.
• Przy druku każda strona wychodzi na białym papierze z nagłówkiem spółki, bez nawigacji i bez zdjęć, z wyjątkiem portretu założyciela.
• Kod QR na stronie „Kontakt” zawiera bezpośrednio dane kontaktowe grupy, a nie odnośnik, więc telefon zapisuje je bez otwierania jakiegokolwiek adresu. Wyświetla się na komputerze i w druku; na telefonie nie, bo własnego ekranu nie da się zeskanować.

Weryfikowalność

• Każdego ranka automatyczna kontrola porównuje wszystkie pliki strony, nagłówki, przekierowania i rekordy DNS z ostatnim zweryfikowanym stanem oraz sprawdza certyfikaty, szyfrowanie i zabezpieczenia poczty. Każde odstępstwo zgłasza e-mailem.
• Plik security.txt jest podpisany kluczem PGP grupy i można go zweryfikować jej kluczem publicznym.
• Dla wyszukiwarek każda strona zawiera dane strukturalne (schema.org), mapa strony podaje daty zmian, a zmiany są zgłaszane wyszukiwarkom zaraz po wgraniu (IndexNow).

• Bezpieczeństwo – szyfrowanie, domeny, poczta i niezależne testy