Public Sector Web Portals APIs & Integration Accessibility SLA Support

Nová digitálna platforma pre Ústredie ľudovej umeleckej výroby

Pre ÚĽUV

Prehľad

ÚĽUV je štátna inštitúcia v pôsobnosti Ministerstva kultúry SR a hlavný strážca tradičných remesiel na Slovensku. BRACKETS vyhral verejné obstarávanie na prestavbu celej jeho digitálnej platformy, dodal ju v decembri 2022 a ďalších dvanásť mesiacov ju podporoval.

Domovská stránka webu ÚĽUV na desktope a mobile s úvodom „Remeslo so značkou“ a najbližšími podujatiami

Výzva

Inštitúcia kultúrneho dedičstva bez digitálnej infraštruktúry.

ÚĽUV spravuje sieť galérií a regionálnych pobočiek, učí remeselné zručnosti, vedie encyklopédiu slovenských remesiel a krojov a podporuje komunitu remeselníkov po celej krajine. Jeho digitálna prezentácia s ničím z toho nedržala krok.

Pôvodný web bežal na zastaranej infraštruktúre a viac než desaťročie kultúrneho obsahu držal v legacy redakčnom systéme, ktorý ho nikdy neštruktúroval na ďalšie použitie. Inštitúcia nemala ako predávať diela remeselníkov online ani ako digitálne spravovať prihlášky na kurzy. Všetko sa vybavovalo telefonicky, e-mailom alebo osobne.

ÚĽUV vypísal verejné obstarávanie na kompletnú prestavbu. Zadanie bolo na jeden projekt nezvyčajne široké:

01

Dvojjazyčná obsahová platforma pre inštitúciu aj jej regionálne pobočky

02

Encyklopédia tradičných remesiel, produktov ÚĽUV, výrobcov a slovenských krojov

03

Vyhľadávateľný katalóg výrobcov so samoobslužnou zónou a procesom prihlášok

04

Systém podujatí pre výstavy, prednášky a súťaže

05

Škola remesiel s online prihlasovaním na kurzy

06

Podpora predaja ručne vyrobených výrobkov online

Obmedzenia

Všetko, čo nasledovalo, určovali tri obmedzenia.

Štátna inštitúcia nemôže mať e-shop

Slovenské verejné inštitúcie sú viazané pravidlami verejného účtovníctva. Predajná funkcia preto musela byť postavená a formálne opísaná ako podpora kultúrneho predaja, s platbami cez Štátnu pokladnicu namiesto komerčnej platobnej brány.

Prístupnosť zo zákona

Podľa smernice (EÚ) 2016/2102, transponovanej do slovenského práva zákonom č. 95/2019 Z. z. a vyhláškou č. 78/2020 Z. z., musí web každej slovenskej verejnej inštitúcie spĺňať WCAG 2.1 na úrovni A a AA. Pri veľkom podiele starších návštevníkov to nebola formalita.

Dizajn od inej agentúry

Náš tím prevzal hotové návrhy a musel ich zosúladiť s technickými, legislatívnymi a prístupnostnými požiadavkami, s ktorými dizajn nepočítal.

Riešenie

Plná technická zodpovednosť v rámci tvrdých obmedzení.

BRACKETS prevzal celú technickú zodpovednosť za projekt (backend, frontend, integrácie, migráciu, nasadenie aj testovanie), a to od návrhov tretej strany.

Ešte pred písaním kódu sme spolu s projektovým tímom klienta prešli každú obrazovku oproti špecifikácii z obstarávania. Skutočné medzery sa tak ukázali včas: typy obsahu, ktoré boli v návrhoch, no nikdy neboli špecifikované, kategórie podujatí, ktoré sa líšili medzi desktopom a mobilom, a navigačné štruktúry, ktoré bolo treba zjednodušiť.

Pravidlá prístupnosti pre verejný sektor navyše vylúčili viaceré vzory, ktoré návrhy obsahovali. Pre každý sme navrhli a postavili vyhovujúcu alternatívu, namiesto toho, aby sme dizajn dodali tak, ako bol nakreslený, a prístupnosť dorábali po spustení.

Prístupnosť

Web pre ľudí so zrakovým a pohybovým znevýhodnením.

Slovenský zákon vyžaduje, aby weby verejného sektora spĺňali WCAG 2.1 na úrovni A a AA, teda rovnaké technické kritériá, na ktorých stojí európska norma EN 301 549. Tieto požiadavky sme brali ako podmienky vývoja od prvého sprintu, nie ako audit po spustení, a prístupnosť sa riešila naprieč celou platformou.

Dve rozhodnutia ukazujú, ako priamo to formovalo produkt:

01

Navigácia musela fungovať bez myši. Rozbaľovacie menu sa namiesto prejdenia kurzorom otvára kliknutím, takže web sa dá plne ovládať klávesnicou aj vtedy, keď niekto nedokáže presne ovládať polohovacie zariadenie.

02

Pohyb a automaticky prehrávané médiá úplne zmizli. Videá na pozadí, slidery, karusely a dekoratívne animácie sme z návrhov odstránili. Bežne spúšťajú ťažkosti ľuďom s poruchami rovnováhy a sú trvalou prekážkou pre používateľov čítačiek obrazovky.

Okrem toho sme pokryli aj širšie kritériá úrovne AA, ktoré norma vyžaduje: sémantické značkovanie a štruktúru nadpisov, aby asistenčné technológie vedeli stránku sprostredkovať namiesto čítania nerozlíšeného textu, textové alternatívy obrázkov v katalógu plnom remeselných predmetov, farebný kontrast a veľkosť písma čitateľné pre slabozrakých a výstižné texty odkazov.

Pre ÚĽUV to znamenalo viac než papiere o súlade. Značnú časť jeho publika tvoria starší ľudia a najdôležitejšie cesty na platforme, prihlásenie na remeselný kurz či dokončenie nákupu, sú presne tie, ktoré zlyhajú ako prvé, keď sa prístupnosť rieši až dodatočne.

Formulárové prvky webu ÚĽUV: checkbox, radio button a výber pobočky
Farebná paleta ÚĽUV s primárnymi, textovými a akcentovými farbami

Čo sme postavili

Platforma postavená modul po module.

Platformu sme vyvíjali v jasne vymedzených blokoch: obsahové stránky a minihomepages regionálnych pobočiek, systém podujatí pre výstavy, prednášky a súťaže, štvordielna encyklopédia tradičných remesiel a krojov, katalóg výrobcov s vlastnou zónou pre výrobcov a schvaľovaním nových žiadateľov, ponuka ručne vyrobených výrobkov a Škola remesiel s plným prihlasovaním na kurzy.

Keďže každý predmet, ktorý ÚĽUV predáva, je ručne vyrobený originál, bežná správa skladových zásob nedávala zmysel. Predajný proces sme preto navrhli okolo jedinečných kusov. Celá platforma vznikla v slovenčine aj angličtine.

Platby cez Štátnu pokladnicu

Platby napojené na Štátnu pokladnicu.

Platby sme napojili priamo na Štátnu pokladnicu, aby inštitúcia splnila svoje povinnosti vo verejnom účtovníctve. Bola to technicky najnáročnejšia integrácia projektu a celú ju dodal náš tím.

Migrácia dát

Migrácia archívu, ktorý nikdy nemal štruktúru.

Migrácia bola najväčšou samostatnou časťou projektu. Pôvodný systém ukladal stránky ako voľné bloky textu, obrázkov a galérií bez jednotnej schémy, takže dátumy výstav, kódy produktov, materiály aj ceny boli zakopané vo voľnom texte namiesto toho, aby boli v definovaných poliach.

Archív bol taký veľký, že nám ho klient odovzdal fyzicky na hardvérovom disku. Spätne sme zrekonštruovali štruktúru pôvodnej databázy, pre každý typ obsahu napísali vlastné SQL a parsovacie skripty a archív preniesli do novej platformy: múzejné zbierky, encyklopédiu remesiel, register výrobcov aj roky histórie výstav.

Spolupráca s klientom

Testovali sme s klientom, nie za neho.

Počas celého vývoja sme mali pravidelné status meetingy, klient mal prístup k funkčnému testovaciemu prostrediu dlho pred spustením a zber spätnej väzby sme nastavili tak, aby tímy samotnej inštitúcie problémy odhalili a vyriešili ešte pred ostrou prevádzkou.

Výsledky

Možnosti, aké inštitúcia nikdy predtým nemala.

Platforma sa spustila v decembri 2022 a ÚĽUV tak po prvý raz dostal moderný, plne dvojjazyčný digitálny domov.

01

Online predaj sa stal realitou. ÚĽUV dnes môže predávať diela remeselníkov cez platobný proces napojený na Štátnu pokladnicu, v súlade s pravidlami. Predtým to inštitúcia nikdy nedokázala.

02

Manuálne procesy sa presunuli online. Prihlasovanie do Školy remesiel sa z ručného vybavovania zmenilo na samoobslužnú registráciu. Komunita výrobcov získala vlastnú zónu s riadnym procesom prihlášok a schvaľovania.

03

Desaťročie kultúrneho obsahu prežilo sťahovanie. Encyklopédia, múzejné zbierky a archívy výstav zostali zachované a sú vyhľadávateľné, namiesto toho, aby sa pri zmene platformy stratili.

04

Postavené podľa štandardu WCAG 2.1 AA, ktorý platí pre slovenské verejné inštitúcie. Širší prístup pre návštevníkov, ktorí používajú čítačky obrazovky, lupy alebo ovládanie len klávesnicou, aj pre starších ľudí, ktorí tvoria značnú časť publika ÚĽUV.

05

Slovenské remeselné dedičstvo sa dostalo k medzinárodnému publiku vďaka plnej anglickej verzii platformy.

Po spustení BRACKETS dvanásť mesiacov zabezpečoval SLA podporu v režime 5×8, kým si tímy inštitúcie zvykli na nový systém.

Fotokoláž z ÚĽUV: remeselník s vyrezávanou drevenou píšťalou, návštevníci pri slamených figúrkach, dieťa pri hrnčiarskom kruhu a žena pri zásuvkách s textilným archívom Zdroj: uluv.sk
Súlad s AA Prístupnosť podľa štandardu WCAG 2.1
SK + EN Plne dvojjazyčná platforma
12 mesiacov SLA podpora v režime 5×8

Časté otázky

ÚĽUV (Ústredie ľudovej umeleckej výroby) je štátna inštitúcia v pôsobnosti Ministerstva kultúry SR. Tradičné slovenské remeslá zachováva a rozvíja cez galérie, regionálne pobočky, remeselné vzdelávanie a podporu jednotlivých remeselníkov.

Zmluva bola podpísaná v apríli 2022, vývoj prebiehal od júna a platforma sa spustila v decembri 2022. BRACKETS potom dvanásť mesiacov zabezpečoval SLA podporu.

Slovenské verejné inštitúcie nemôžu prevádzkovať komerčný e-shop. Platby boli napojené priamo na Štátnu pokladnicu a predajná funkcia bola postavená a opísaná ako podpora kultúrneho predaja v súlade s pravidlami verejného účtovníctva.

Pôvodný redakčný systém ukladal stránky ako neštruktúrované bloky bez jednotnej schémy, takže kľúčové údaje ako dátumy výstav, kódy produktov či ceny boli vo voľnom texte. BRACKETS spätne zrekonštruoval databázu a pre každý typ obsahu napísal vlastné parsovacie skripty.

Podľa WCAG 2.1 na úrovni A a AA, ako to slovenským verejným inštitúciám ukladá zákon č. 95/2019 Z. z. a vyhláška č. 78/2020 Z. z., ktoré transponujú smernicu EÚ 2016/2102 o prístupnosti webových sídiel verejného sektora. Rovnaké kritériá tvoria technický základ európskej normy EN 301 549.

Európsky akt o prístupnosti (smernica (EÚ) 2019/882), vymáhaný od 28. júna 2025, rozširuje povinnosti v oblasti prístupnosti na produkty a služby súkromného sektora: e-commerce, bankovníctvo, dopravu a spotrebiteľské zariadenia. Weby verejného sektora, ako je ten ÚĽUV, namiesto toho spadajú pod staršiu smernicu o prístupnosti webových sídiel. Oba režimy sa odvolávajú na EN 301 549 a WCAG 2.1 AA, takže inžinierska práca je z veľkej časti rovnaká. BRACKETS podľa tohto štandardu stavia projekty pre verejný sektor od roku 2022.

Sémantické značkovanie a textové alternatívy, aby čítačky obrazovky vedeli stránku sprostredkovať, dostatočný farebný kontrast a veľkosť písma pre slabozrakých, viditeľný fokus, plné ovládanie klávesnicou a žiadny automaticky prehrávaný pohyb ani navigácia závislá od prejdenia kurzorom.

Nie. Dizajn dodala iná agentúra. BRACKETS prevzal technickú zodpovednosť za vývoj a zosúladil návrhy so špecifikáciou z obstarávania a s požiadavkami na prístupnosť vo verejnom sektore.

Nasadené v produkcii

Staviate pre verejný sektor?
Poďme sa porozprávať