Плакат «Дизайн сайтів для користувачів з вадами зору»

Що потрібно робити

• використовуйте контрастні кольори і читабельні шрифти;
• розміщуйте на сторінці всю інформацію;
• комбінуйте кольори, форми і текст;
• робіть адаптивну розмітку;
• розміщуйте кнопки і вказівки у контексті.

Чого робити не можна

• не використовуйте схожі кольори та декоративні шрифти;
• не приховуйте інформацію у файлах для завантаження;
• не використовуйте тільки кольори для передачі сенсу;
• не розташовуйте зміст по всій ширині сторінки;
• не відділяйте дії від змісту.

Плакат «Дизайн сайтів для користувачів з дислексією»

Що потрібно робити

• розбавляйте текст малюнками та діаграмами;
• вирівнюйте текст по лівому краю;
• надавайте матеріал у різних форматах (наприклад, аудіо та відео);
• пишіть простий, короткий та ясний текст;
• створюйте великий контраст між текстом та фоном.

Чого робити не можна

• не створюйте довгі блоки тексту;
• не підкреслюйте слова, не використовуйте курсив та заголовні букви одночасно;
• не змушуйте користувача запам'ятовувати зміст попередніх сторінок;
• не довіряйте правильному правопису – використовуйте автозаповнення;
• не розміщуйте занадто багато інформації в одному місці.

Плакат «Дизайн сайтів для користувачів з вадами рухової здатності»

Що потрібно робити

• робіть клікабельні області великими;
• залишайте більше простору;
• дайте можливість використання тільки мовлення або клавіатури;
• робіть адаптивну розмітку;
• використовуйте «гарячі клавіші».

Чого робити не можна

• не наполягайте на точності;
• не групуйте щільно області взаємодії;
• не створюйте контент, які вимагає активного користування мишею;
• не робіть вікна з коротким часом очікування;
• не змушуйте користувача вводити великі масиви тексту.

Плакат «Дизайн сайтів для користувачів з аутизмом»

Що потрібно робити

• використовуйте прості кольори;
• пишіть простою мовою;
• використовуйте прості речення і списки;
• підписуйте кнопки;
• створюйте просту і логічну розмітку сторінок.

Чого робити не можна

• не використовуйте яскраві кольори;
• не використовуйте складні образні вислови;
• не створюйте «стіни» тексту;
• не робіть кнопки незрозумілими;
• не створюйте складну розмітку з великою кількістю матеріалу.

Плакат «Дизайн сайтів для користувачів з вадами слуху»

Що потрібно робити

• пишіть простою мовою;
• створюйте просту і логічну розмітку сторінок;
• використовуйте субтитри для відео;
• розділяйте вміст підзаголовками, зображеннями;
• робіть можливість вибору способу комунікації.

Чого робити не можна

• не використовуйте складні образні вислови;
• не створюйте складну розмітку з великою кількістю матеріалу;
• не розміщуйте тільки аудіо- та відеоматеріали;
• не створюйте довгі блоки тексту;
• не використовуйте телефон як єдиний спосіб комунікації.

Плакат «Дизайн сайтів для користувачів екранних дикторів»

Що потрібно робити

• додавайте опис до зображень та відео;
• створюйте просту і логічну розмітку сторінок;
• для структурування елементів використовуйте html5;
• надайте можливість управління тільки клавіатурою;
• використовуйте описові заголовки та посилання.

Чого робити не можна

• не розміщуйте тільки аудіо та відео матеріали;
• не розташовуйте вміст хаотично по всій сторінці;
• не покладайтеся на розмір тексту та положення елементів;
• не вимагайте активного користування мишею та екраном;
• не використовуйте неінформативні заголовки та посилання.

Завантажити плакати у форматі psd (.zip, 1.1МБ)

При створенні плакатів використано матеріали gov.uk