Štruktúra obsahu a grafická úprava je vytvorená validným HTML5 kódom. Grafický vzhľad webu je vytvorený výhradne pomocou kaskádových štýlov (CSS).
Táto internetová prezentácia bola vytvorená s maximálnym dôrazom na prístupnosť obsahu. Pri jej tvorbe boli dodržané pravidlá stanovené v Zákone č. 95/2019 Z. z. o informačných technológiách vo verejnej správe a o zmene a doplnení niektorých zákonov. Viaceré validátory prístupnosti (WAVE 4.0 Beta Accessibility Tool, HTML Validator - rozšírenie pre Chrome) úspešne otestovali toto webové miesto.Usporiadanie a ovládanie stránok bolo navrhnuté tak, aby boli dostupné aj pre alternatívne prehliadače (textové prehliadače, hlasové čítačky atď.) a pre osoby so špecifickými potrebami. Obsah je prístupný a čitateľný aj v prípade, ak sú kaskádové štýly vypnuté. Obsah stránok sa dá vytlačiť na tlačiarni pomocou bežných prostriedkov prehľadávača.
Na tejto webovej stránke sa používajú (takmer vždy) relatívne jednotky pre hodnoty atribútov značkovacieho jazyka a vlastností štýlových predpisov. Toto zabezpečuje, že obsah stránok je jednoducho zväčšiteľný alebo zmenšiteľný pomocou bežných nástrojov webových prehliadačov.
Farby pozadia a textu na tejto webovej stránke sú zvolené tak, aby zabezpečili dostatočný kontrast medzi prvky v popredí a pozadí (testované pomocou WAVE Web Accessibility Tool). Rozdiel jasu medzi farbou textu (popredia) a farbou pozadia je pre každý prvok minimálne 200 (na stupnici od 0 do 255), a rozdiel farieb medzi farbou textu (popredia) a farbou pozadia je pre každý prvok minimálne 500 (na stupnici od 0 do 765). Všetky texty sú dobre čitateľné aj pre ľudí s rôznymi poruchami zraku, a webová stránka je použiteľná a čitateľná aj v prípade, že je pracovné prostredie nastavené na "Vysoký kontrast". WAVE Web Accessibility Tool). Rozdiel jasu medzi farbou textu (popredia) a farbou pozadia je pre každý prvok minimálne 200 (na stupnici od 0 do 255). Rozdiel farieb medzi farbou textu (popredia) a farbou pozadia je pre každý prvok minimálne 500 (na stupnici od 0 do 765). Všetky texty by mali byť dobre čitateľné aj pre ľudí s rôznymi poruchami zraku. Webová stránka je použiteľná a čitateľná aj pri nastavení pracovného prostredia na "Vysoký kontrast".
Textové odkazy na tejto webovej stránke sú odlíšené farbou od okolitého textu (okrem odkazov v hlavnom menu). Pre všetky odkazy, textové aj netextové, je definovaný podrobnejší popis v titulku ("title") odkazu. Odkazy sa zvyčajne otvárajú v rovnakom okne, s výnimkou situácií, keď je toto správanie zmenené a užívateľ je o tom upozornený v titulku odkazu. Pre všetky odkazy na iné dokumenty ako HTML dokumenty sa v titulku odkazu nachádza informácia o type a veľkosti dokumentu.
Všetky obrázky na tejto webovej stránke majú definovaný alternatívny text (alt) a bližšie vysvetľujúci popis (title). Alt text poskytuje popis obsahu obrázka a je zobrazený namiesto obrázka, ak nie je možné ho zobrazit, napríklad v prípade problémov s načítaním stránky alebo pre užívateľov so zrakovým postihnutím, ktorí používajú hlasové prehrávače alebo textové prehliadače. Popis v titulku ("title") poskytuje podrobnejšie informácie o obrázku a je zobrazovaný ako bublina, keď užívateľ drží kurzor myši nad obrázkom. Týmto spôsobom sa zvyšuje prístupnosť a použiteľnosť stránky pre všetkých užívateľov.
Tabuľky na tomto webe sú navrhnuté tak, aby ich použitie bolo zmysluplné a zrozumiteľné pre užívateľov. Sú použité iba na zobrazenie štruktúry dát a nie na rozvrhnutie obsahu alebo layout. Každá tabuľka má nadpis (caption), ktorý poskytuje kontext k obsahu tabuľky. Všetky bunky tabuliek majú definovaný zmysluplný popis (id) a príslušnosť k záhlaviu riadkov alebo stĺpcov (headers), aby bolo jasné, ku ktorému záhlaviu sa daná bunka vzťahuje. Pri čítaní tabuliek zľava doprava dáva obsah tabuliek zmysel a umožňuje užívateľom ľahko interpretovať dáta.
Pokiaľ budete mať s akýkoľvek problém s prístupnosťou kontaktujte ma na adrese monika(dot)pituchova(at)student(dot)upjs(dot)sk
© 2023 Autor: Mgr. Monika Pituchová V prípade potreby ma môžete kontaktovať na adrese: monika(dot)pituchova(at)student(dot)upjs(dot)sk