CSS vlastní vlastnosti

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

Context API v Reactu poskytuje způsob předávání dat skrz strom komponent bez ručního propasovávání props přes každou mezilehlou úroveň. Kontext se vytvoří pomocí `createContext`, podstrom se obalí `Providerem` a hodnota se konzumuje kdekoli níže pomocí `useContext`. Je ideální pro globální záležitosti jako motivy, stav autentizace nebo lokalizaci, ale měl by se používat uvážlivě, protože jakákoli změna hodnoty kontextu překreslí všechny konzumující komponenty.

Modální okno (nebo modální dialog) je UI prvek, který překrývá hlavní obsah a vyžaduje pozornost a interakci uživatele, než se může vrátit na stránku pod ním. Modály se používají pro potvrzení, formuláře, upozornění a náhledy obsahu. Správná implementace vyžaduje zachycení fokusu, klávesovou přístupnost (Escape pro zavření) a zablokování scrollování pozadí — což činí přístupné modály složitějšími, než se zdá.

CI/CD (kontinuální integrace / kontinuální nasazení) je soubor praktik, které automatizují sestavení, testování a nasazení kódu při každém pushnutí změn. Kontinuální integrace slučuje kód do sdílené větve a spouští automatické testy, zatímco kontinuální nasazení automaticky uvolňuje ověřené změny do produkce. Společně tvoří základ moderního dodávání softwaru, snižují chybovost a urychlují release cykly.

Barevný kontrast je měřitelný rozdíl v jasu mezi textem (nebo UI prvky) v popředí a jejich pozadím. Směrnice WCAG vyžadují minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text, aby byla zajištěna čitelnost pro uživatele se zrakovým postižením. Nástroje jako Chrome DevTools, Stark a WebAIM contrast checker pomáhají vývojářům ověřovat shodu během vývoje.

Událostmi řízená architektura (EDA) je návrhový vzor, kde komponenty komunikují prostřednictvím produkce a konzumace událostí namísto přímých synchronních volání. Když se něco stane — uživatel se registruje, je vytvořena objednávka — je emitována událost a libovolný počet odběratelů na ni může nezávisle reagovat. Toto oddělení umožňuje vysoce škálovatelné, volně provázané systémy, kde lze přidávat nové automatizace bez úpravy existujících služeb.