// Vodič

Pristupačnost (a11y) 3D sajta — da radi za sve

3D sajt mora da podržava prefers-reduced-motion, screen reader-e i tastaturno navigisanje — pristupačnost nije opciona.

3D sajt koji ne radi za korisnike sa reduced-motion preference (vestibular disorder, motion sickness) ili screen reader-ima nije produkcijski spreman. Standard koji držim: prefers-reduced-motion respekt — kada je korisnik podesi, scena se prebacuje u statičnu verziju ili znatno smanjenu animaciju; screen reader-i čitaju semantički HTML iznad 3D sloja, sajt funkcioniše bez vizuelnog WebGL sloja; tastaturno navigisanje radi normalno (focus-visible, skip-to-content link, logičan tab order). Treba i fallback za korisnike bez WebGL podrške (rare ali postoji — IT firme sa starim browser politikama). Pristupačnost nije zahtev koji se ispunjava posle "stvarnog" rada — uvodim ga od starta dizajna.

Praktične preporuke

U produkcijskom radu sa pristupacnost, evo šta najčešće radim: stable Three.js (ne najnoviji rilis), glTF 2.0 + Draco za asete, KTX2 za teksture, IntersectionObserver da pauzira render kada scena nije vidljiva, prefers-reduced-motion respektovan svuda. To je 80% best-practice setup-a.

Najčešće greške

Tri greške koje viđam najviše: (1) test samo na flagship telefonu — uvek probati na 3-godina-starom Androidu sa 4GB RAM, (2) puni-rezolucija teksture na mobilnom — uvek imati KTX2 fallback, (3) scena renderuje i kad nije na ekranu — IntersectionObserver pauzira render loop. Svaki problem ima jasno rešenje, samo je važno prepoznati simptom.

Kada angažovati profesionalca

Ako je pristupacnost ključan deo proizvoda i tim nema iskustva, samostalno učenje će produžiti rok 4-6 nedelja. Solo developer sa iskustvom ide brže ka cilju. Mogu da preuzmem Pristupačnost (a11y) 3D sajta — da radi za sve na fiksnu cenu — dobijate gotovo rešenje bez detour-a kroz učenje. Pošaljite kratak brif kroz kontakt formu.

Konkretan odgovor

Najkraći mogući odgovor na Pristupačnost (a11y) 3D sajta — da radi za sve: za većinu projekata u 2026, ide se sa proverenim alatima i izbegava se eksperimentalan stack. Detalji zavise od opsega projekta, vremenskog horizonta i veličine tima. U narednim sekcijama ulazim u svaki od ovih faktora.

Često postavljana pitanja

Mogu li sam da naučim ovo?

Možete, ali to je 6-12 meseci posvećenog rada do produkcijskog kvaliteta. Za projekat sa rokom i budžetom, brže je angažovati nekoga ko već zna. Vodič je orientacioni — pomaže vam da razumete šta je važno, a šta da preskočite.

Šta posle ovog vodiča?

Tri preporučena resursa: zvaničan Three.js fundamentals (besplatno), Bruno Simon Three.js Journey (plaćen, kompletan), React Three Fiber dokumentacija ako idete na React. Plus čitanje izvornog koda na GitHub-u — search "three-js portfolio" trending.

Koliko traje izrada?

Standardni rok: 4-6 nedelja od potpisa ugovora do live sajta. Veći opseg (konfigurator, multi-scene scrollytelling) ide na 8-12 nedelja. Hitne projekte (2-3 nedelje) primam uz povećanje cene od 30-40%.

Koliko košta?

Hero 3D nadogradnja: 800-1.200 EUR. Kompletan multi-scene 3D sajt: 2.500-4.000 EUR. Konfigurator sa custom shaderima: 4.000-10.000 EUR. Sve fiksne cene, izvorni kod uključen. Plaćanje preko firme sa PDV-om.

Šta sa korisnicima na slabim telefonima?

Sajt detektuje device tier pre prve scene i servira lakšu verziju na slabom hardveru (manje čestica, jednostavniji shaderi). Uređaji bez WebGL-a dobiju statičan fallback koji čuva vizuelni jezik i konverzioni put.

Spremni za 3D iskustvo na vašem sajtu?

Recite mi šta vam treba — fiksna cena, fiksan rok, bez iznenađenja.

Pošalji upit +381 61 224 8989