Об этом сайте

Устройство

• Содержание на четырёх языках хранится в структурированных данных, из которых собственный генератор собирает статические страницы. На сервере не работает ни приложение, ни база данных, ни система управления контентом.
• Никаких фреймворков и библиотек третьих сторон, только собственные стили и собственный скрипт.
• При каждой сборке проверяется, что все четыре языковые версии имеют одинаковую структуру, что контраст текста соответствует WCAG AA и что все внутренние ссылки работают. Если что-то не сходится, сборка завершается ошибкой.

Без сервисов третьих сторон

• Шрифты, фотографии, видео и скрипты загружаются только с этого домена. Сайт не использует cookie, аналитические скрипты и встроенный контент других сервисов, поэтому посещение не отслеживает ни один сторонний сервис.
• Правила содержимого (Content Security Policy) разрешают браузеру загружать только собственные файлы сайта.

Скорость

• Фотографии передаются в размере, подходящем для экрана, и в формате AVIF, который примерно вдвое меньше JPEG.
• Видео загружаются только на больших экранах и лишь тогда, когда посетитель приближается к ним при прокрутке. В режиме экономии трафика и при ограничении движения они не загружаются вовсе.
• Браузеры, которые это поддерживают, заранее готовят страницу, на которую вы собираетесь перейти, и переход между страницами происходит плавно, без мерцания.

Графика

• Заголовки набраны шрифтом Source Serif 4, текст — шрифтом Inter. Оба шрифта распространяются по свободной лицензии, содержат латиницу и кириллицу и загружаются с этого сайта.
• Палитра — холодный чёрный с единственным золотым акцентом. Золотым отмечено то, что сейчас активно или выбрано.
• Карта, схемы и значки рисуются из геометрии прямо на странице, а не в виде графических файлов, поэтому остаются чёткими и на экранах высокого разрешения. Границы государств на карте взяты из свободно доступных данных Natural Earth.
• Фотографии Братиславы (Lukáš Kulla, Unsplash) и комплекса River Park (Vlastimil Starec, Pexels), а также портрет основателя — настоящие снимки. Изображения наград взяты из архива BIOELEKTRA SE. Остальные изображения и видео — иллюстрации.

Читаемость

• Цвета текста и фона имеют контраст не менее 4,5:1 (WCAG AA). Длина строки ограничена и не растёт на широком экране.
• Заголовки, подписи и кнопки не набираются прописными буквами. Цифры в данных и годах имеют одинаковую ширину.
• Тире и диапазоны лет оформлены по правилам каждого языка. Тире никогда не начинает строку, а диапазон лет не разрывается на две строки. Однобуквенные предлоги и союзы не остаются в конце строки. День и месяц в дате остаются в одной строке.
• Разделы, которые сами меняют содержание, оставляют его на экране столько, сколько нужно, чтобы его прочитать, и останавливаются под курсором.

Доступность и печать

• Всё содержание доступно и без JavaScript, а у каждой фотографии есть текстовое описание. Если в системе посетителя включено ограничение движения, анимации отключаются.
• При печати каждая страница выходит на белой бумаге с реквизитами компании в шапке, без навигации и без фотографий, кроме портрета основателя.
• QR-код на странице «Контакты» содержит сами контактные данные группы, а не ссылку, поэтому телефон сохраняет их, не открывая никакого адреса. Он виден на компьютере и при печати; на телефоне — нет, потому что собственный экран отсканировать нельзя.

Проверяемость

• Каждое утро автоматический контроль сравнивает все файлы сайта, заголовки, перенаправления и записи DNS с последним проверенным состоянием и проверяет сертификаты, шифрование и защиту почты. О любом отклонении он сообщает по электронной почте.
• Файл security.txt подписан ключом PGP группы, и его можно проверить её открытым ключом.
• Для поисковых систем на каждой странице есть структурированные данные (schema.org), карта сайта содержит даты изменений, а об изменениях поисковые системы узнают сразу после загрузки (IndexNow).

• Безопасность — шифрование, домены, почта и независимые проверки