Pravno

Izjava o pristupačnosti

Datum poslednje izmene: 28. april 2026.

Sajt Afrodizijaci Recepti želi da bude koristan svima — i onima koji koriste čitače ekrana, samo tastaturu, lupu, ili drugim načinima pristupa internetu. Ovo je iskren snimak stanja: šta već radi, gde znamo da imamo ograničenja, i kako možeš da nam javiš ako naletiš na problem.

Cilj pristupačnosti

Trudimo se da sajt bude usklađen sa Smernicama za pristupačan veb sadržaj WCAG 2.1 nivo AA. To je standard koji prati i Evropski akt o pristupačnosti (EAA, primena od 2025). Usklađenost nije binarna — radimo postepeno, recept po recept, komponentu po komponentu.

Trenutno stanje

Ono što je trenutno implementirano i testirano:

Skip-link „Pređi na glavni sadržaj" prikazuje se na prvi Tab i preskače navigaciju za korisnike tastature i čitača ekrana.
Semantička struktura — koriste se <header>, <nav>, <main>, <article> i <footer> kao landmark-i, sa po jednim H1 po stranici i urednom hijerarhijom H2/H3.
Tastaturna navigacija — sve interaktivne kontrole (linkovi, dugmad za otvaranje menija) dostupne su Tab/Shift-Tab tasterima i imaju vidljiv fokus prsten.
Mobilni meni — kada se otvori, fokus se zaključava unutar menija (focus trap), skrolovanje glavnog sadržaja se zaustavlja (body-scroll-lock) i ESC zatvara meni.
ARIA atributi — koriste se aria-label, aria-current, aria-expanded i aria-hidden tamo gde semantika zahteva dodatni kontekst.
Server-rendered sadržaj — sve glavne stranice se renderuju na serveru (SSR/SSG), pa rade i bez JavaScript-a u pregledaču.
Boja i kontrast — paleta (burgundy/cream/saffron/charcoal) je ciljana na minimum 4.5:1 za telo teksta i 3:1 za velike naslove.
Jezik strane — atribut lang="sr-Latn" ispravno postavljen na <html>, što čitači ekrana koriste za izgovor.
Responzivnost — sajt radi od 320px širine naviše, bez horizontalnog skrolovanja na mobilnim uređajima.

Poznata ograničenja

Ovde otvoreno listamo stvari koje su delimične, neispitane ili u planu:

Nije završen formalni audit — sajt nije prošao kroz nezavistan WCAG 2.1 AA reviz uz čitač ekrana NVDA/JAWS/VoiceOver. To znači da neke greške mogu postojati a da ih nismo uhvatili.
Tamna tema (dark mode) nije implementirana. Korisnici sa preferencijom za tamne pozadine za sada moraju koristiti pregledačke ekstenzije (Dark Reader i sl.).
Pojedinačne provere kontrasta nisu kompletne na svim kombinacijama (npr. „uskoro" placeholder kartice na kategorijama). Standardne kombinacije telo-pozadine i CTA-pozadine ispunjavaju 4.5:1.
Recept schema i druge strukturirane forme za recepte tek dolaze (recepti se trenutno tek pripremaju). Kada budu dodate, pratiće schema.org Recipe specifikaciju.
Slike sa alt-tekstom — kada počnemo da objavljujemo recepte sa fotografijama, svaka slika će imati opisan alt-tekst; trenutno na sajtu nema content slika, samo dekorativni SVG logo.

Tehnologije koje koristimo

Sajt je sagrađen na sledećim tehnologijama, sa fokusom na pristupačnost:

HTML5 semantički markup,
CSS sa Tailwind-om i CSS varijablama (paleta + tipografija),
WAI-ARIA gde semantika zahteva dodatak,
Next.js sa server-side renderovanjem (radi bez JS-a),
fontovi sa font-display: swap kako tekst ne bi nestajao tokom učitavanja.

Kako da prijaviš problem

Ako naletiš na bilo koji problem sa pristupačnošću — element koji ne radi sa tastaturom, sliku bez opisa, kontrast koji se ne čita — molimo te javi nam. Tvoja prijava nam stvarno pomaže da popravimo sajt.

Pošalji opis problema (i, ako možeš, link na stranicu, ime pregledača i asistivnu tehnologiju koju koristiš) na: [email protected]. Trudimo se da odgovorimo u roku od nekoliko radnih dana.

Vezana dokumenta

Vidi i Politiku privatnosti, Politiku kolačića i Uslove korišćenja.

Trenutno stanje

Ono što je trenutno implementirano i testirano:

Skip-link „Pređi na glavni sadržaj" prikazuje se na prvi Tab i preskače navigaciju za korisnike tastature i čitača ekrana.

Semantička struktura — koriste se <header>, <nav>, <main>, <article> i <footer> kao landmark-i, sa po jednim H1 po stranici i urednom hijerarhijom H2/H3.

Tastaturna navigacija — sve interaktivne kontrole (linkovi, dugmad za otvaranje menija) dostupne su Tab/Shift-Tab tasterima i imaju vidljiv fokus prsten.

Mobilni meni — kada se otvori, fokus se zaključava unutar menija (focus trap), skrolovanje glavnog sadržaja se zaustavlja (body-scroll-lock) i ESC zatvara meni.

ARIA atributi — koriste se aria-label, aria-current, aria-expanded i aria-hidden tamo gde semantika zahteva dodatni kontekst.

Server-rendered sadržaj — sve glavne stranice se renderuju na serveru (SSR/SSG), pa rade i bez JavaScript-a u pregledaču.

Boja i kontrast — paleta (burgundy/cream/saffron/charcoal) je ciljana na minimum 4.5:1 za telo teksta i 3:1 za velike naslove.

Jezik strane — atribut lang="sr-Latn" ispravno postavljen na <html>, što čitači ekrana koriste za izgovor.

Responzivnost — sajt radi od 320px širine naviše, bez horizontalnog skrolovanja na mobilnim uređajima.

Poznata ograničenja

Ovde otvoreno listamo stvari koje su delimične, neispitane ili u planu:

Nije završen formalni audit — sajt nije prošao kroz nezavistan WCAG 2.1 AA reviz uz čitač ekrana NVDA/JAWS/VoiceOver. To znači da neke greške mogu postojati a da ih nismo uhvatili.

Tamna tema (dark mode) nije implementirana. Korisnici sa preferencijom za tamne pozadine za sada moraju koristiti pregledačke ekstenzije (Dark Reader i sl.).

Pojedinačne provere kontrasta nisu kompletne na svim kombinacijama (npr. „uskoro" placeholder kartice na kategorijama). Standardne kombinacije telo-pozadine i CTA-pozadine ispunjavaju 4.5:1.

Recept schema i druge strukturirane forme za recepte tek dolaze (recepti se trenutno tek pripremaju). Kada budu dodate, pratiće schema.org Recipe specifikaciju.

Slike sa alt-tekstom — kada počnemo da objavljujemo recepte sa fotografijama, svaka slika će imati opisan alt-tekst; trenutno na sajtu nema content slika, samo dekorativni SVG logo.

Tehnologije koje koristimo

Sajt je sagrađen na sledećim tehnologijama, sa fokusom na pristupačnost:

HTML5 semantički markup,

CSS sa Tailwind-om i CSS varijablama (paleta + tipografija),

WAI-ARIA gde semantika zahteva dodatak,

Next.js sa server-side renderovanjem (radi bez JS-a),

fontovi sa font-display: swap kako tekst ne bi nestajao tokom učitavanja.

Kako da prijaviš problem

Pošalji opis problema (i, ako možeš, link na stranicu, ime pregledača i asistivnu tehnologiju koju koristiš) na: [email protected]. Trudimo se da odgovorimo u roku od nekoliko radnih dana.