A modális ablakok, hogy fog tetszeni mindenkinek, javascript

Modális ablakok lehet kezelni, mint egy jó módja annak, hogy vásárolni további képernyő helyet, elkapni a felhasználó figyelmét, hogy a helyszínen, ajánlani neki egy választás, vagy hogy figyelmeztesse a változásokról. Vagy mint egy piszkos hack, amely lehetővé teszi a látogatók számára, hogy döntsön a tájékoztatást, amelyet egyébként nem figyelt volna.

Ez - a szélsőséges pont a vonalon, amely mérhető a kapcsolat a felhasználó az oldalon. Attól függően, hogy a szokások, személyes preferenciák és így a szörfözés a háló modális ablakok lehet felhasználó-áldás vagy átok.

Ha a megjelenése modális ablak automatikusan történhetett, vagy egyszerűen nem volt kifejezetten a felhasználó által kezdeményezett, akkor megzavarja és irritálja. Ez lehetővé teszi, hogy a vádlott modális ablakok molesztálás, és az invázió a felhasználó privát teret.

Úgy tűnik, hogy a modális ablakot nem komolyan zavarja a felhasználót, amíg azok tartalmaznak egyszerű és egyértelműen megjelölt ellenőrzéseket. Bármikor kattintson az „X” a sarokban, végigmenni a szöveget, vagy töltse Végül, ez a regisztrációt.

De képzeljük el, hogy ellenőrizzék a böngésző segítségével a billentyűzet internet kioszk, Braille-kijelző vagy egy hang beviteli eszköz, és úgy tűnt, modális ablak mozog bemenet fókusza annak gomb vagy mező, és hagyja, hogy valahol közel hozzá, a többi tartalom az oldalon. Ennek hatására az oldalon használhatatlan használható az eszköz.

Az ilyen esetek gyakrabban fordulnak elő, mint egy elvár egy modern használhatóság gyakorlatok fejlesztése és tesztelő eszközöket.

A szemantika a kódot elősegíti elérhetőség oldalon

Könnyű használat és hozzáférhetőségének a helyszínen bármilyen készüléken gyakran szenved használatakor modális ablakok. Függetlenül attól, hogy a cél az egy modális ablak, annak irányítása legyen egyszerű és egyetemes.

Ahhoz, hogy ezt elérjük, meg kell figyelni, hogy a szemantika jelölést. Ez a követelmény egyszerűnek tűnik, de sajnos gyakran nem teljesül. Képzeljük el a következő kódot ablakot a „Close” gombra:

elem

Ez egy bizonyos szemantikai jelentését ebben az összefüggésben. Persze, ez lehet azonosítani, mint a bezárás gombot a vizuális attribútumok: szimbólum «X», és módosítsa a kurzor alakja. De mi van, ha a webhely nem működik megfelelően, vagy lát egy vak ember?

Ahhoz, hogy mozog a fókuszt a

, meg kell használni Tabindex attribútumot. Továbbá az állam által leírt ál-választó: hangsúly. Ez azonosítani, mint az aktív elem. Ez lehetővé teszi a természeti terület kezeléséhez elő alternatív eszközökkel lehetséges, de nem túl egyszerű.

A legjobb megoldás ebben a helyzetben az, hogy egy tag