css

A vakbarát, más nével akadálymentes változatot a böngészők biztosítják. A képen a Chrome által készített nagykontrasztú változat látható.
Az akadálymentes változat, gyengénlátó változat és hasonló nevek alatt futó nagy kontrasztú oldalak teljesen értelmetlen és felesleges. Semmi köze nincs az akadálymentességhez. Hogyan terjedt el, és miért? Ki tudja.
5 perces akadálymenteségi teszttel ellenőrizhető, hogy a weboldala valóban mindenkié!
Előfordul, hogy gyorsan kell egy honlapot áttekinteni és rövid szakvéleményt mondani róla. Az alábbi egyszerű listát áttekintve el lehet helyezni egy weboldalt az akadálymentességi és használhatósági skálán.
25 különböző tesztkörnyezetben néztük meg a weboldalt a BrowserStack szolgáltatásával

Az akadálymentesítési szakértés egyik alappillére az oldal tesztelése. Az akadálymentes weboldalnak, minden még támogatott operációs rendszeren és böngészőn működnie kell és használhatónak kell lennie. Ehhez legalább 50 különböző eszközön kellene tesztelni, ráadásul ezek az eszközök gyorsan változnának, mert a böngészők akár havonta is új verziókat jelentenek be.

Ezen a weboldalon olyan CSS-t alkalmaztam, amely alig különbözteti meg a linkeket a többi szövegtől

Bármilyen  trendi webdesign megvalósítható akadálymentesen, de vannak követelmények, amelyek már néhány webdesignernek kevésbé tetszenek. Ilyenek a linkek megkülönböztetése. A linkek a világháló leglényegesebb elemei. Ezért kezdetek óta kiemelik őket a szövegből. Legáltalánosabban kék színnel és aláhúzással, valamint azzal, hogy az egérmutató a nyílról egy kis mutató kézre változik.

WCAG 2.0: Jól látható fókusz

Közzétéve: 6 éve
A fókusz kiemelése a honlapomon

Minden nap kapom az értesítéseket a világ minden tájáról az akadálymentességgel kapcsolatosan. Azt tapasztaltam, hogy a Twitteren vannak a legjobb megosztások. Ma kaptam a világtörténelem legegyszerűbb és legrövidebb akadálymentesítési tanácsát. Belefért a Twitter 143 karakterébe:

Használd ezt az elképesztően egyszerű trükköt, hogy billentyűzetről használható legyen a honlapod:
Töröld ezt:
:focus {outline: none}

Mit is jelent ez?