За модални прозорци могат да бъдат третирани като един чудесен начин да купите допълнително място на екрана, привлече вниманието на потребителя към сайта, за да го предлагат избор, или да се предупреждава за промени. Или като мръсен хак, който позволява на посетителя да се наложи на информацията, на която в противен случай нямаше да обърне внимание.
Това е - екстремните точки на линията, която се оценява на нашите взаимоотношения с потребителите на сайта. В зависимост от навиците, лични предпочитания и начина на сърфиране в мрежата модалните прозорците може да е потребителски благословия или проклятие.
Ако появата на прозорец модален станало автоматично, или просто не е бил изрично иницииран от потребителя, той може да дезориентира и дразни. Това дава възможност на обвиняемия да модални прозорци към блудство и инвазията на лично пространство на потребителя.
Изглежда, че по прехвърляне на прозореца не може сериозно да попречи на потребителя, толкова дълго, тъй като те съдържат прости и ясно обозначени контроли. Винаги можете да кликнете върху "Х" в ъгъла на екрана, минава през текста или да попълните И накрая, тази форма на регистрация.
Но представете си, че можете да контролирате браузъра с помощта на интернет павилион клавиатура, брайлов дисплей или входно устройство глас и се появи модален прозорец движи вход фокус на неговата бутон или област, и го оставете някъде в близост до него, останалата част от съдържанието на сайта. Това ще доведе до сайта неизползваем за използване на това устройство.
Такива случаи се срещат по-често, отколкото може да се очаква най-модерна използваемост практики за инструментите за разработка и тестване.
Семантиката на кода популяризира сайт на достъпността
Лесен за употреба и достъпност на сайта на всяко устройство, често страда, когато се използва друг вид транспорт прозорци. Независимо от целта на използването на модален прозорец, неговото управление трябва да бъде проста и универсална.
За да се постигне това, трябва да се обърне внимание на семантиката на маркиране. Това изискване изглежда просто, но, за съжаление, това често не е изпълнено. Представете си следната код прозореца с "Close" бутона:
елемент
Той има определен семантичен смисъл в този контекст. Разбира се, тя може да се идентифицира като бутон за затваряне на визуалните характеристики: символ «Х» и да промените формата на курсора. Но какво, ако сайтът не работи правилно, или да видите сляп човек?
За да можете да преместите фокуса към
, ние трябва да използваме tabindex атрибут. Освен това, в състоянието, описано от псевдо-селектора: фокус. Тя ще го идентифицира като активен елемент. Това ще направи управлението на обекта чрез използване на алтернативни устройства е възможно, но не и твърде проста.
Най-доброто решение в тази ситуация е да се използва етикет
