Ресурси для створення веб-сайтів зі спеціальними можливостями в SharePoint Online

У службі SharePoint Online можна легко створювати сайти на основі стандартних вбудованих шаблонів (як-от, блоґ, сайт групи, сайт проекту тощо). Ці стандартні шаблони розташовують вміст на сторінках сайту з урахуванням спеціальних можливостей.

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

Примітка.

  • Докладні відомості про типи веб-сайтів, які можна створити в SharePoint Online, і про те, як їх використовувати, див. в статті Використання шаблонів для створення різних видів сайтів SharePoint.
  • У цій статті описано типове просте настроювання веб-сайтів, яке може виконати будь-хто, використовуючи інтерфейс користувача SharePoint Online у браузері, навіть якщо нічого не знає про базовий код сторінок. У цій статті не розглядається настроювання коду для веб-сайту, як-от HTML, CSS або JavaScript, і розширене настроювання. Однак відомості про спеціальні можливості в цій статті стосуються будь-якого настроювання веб-сайтів, незалежно від складності.

У цій статті

Цілі для веб-сайтів зі спеціальними можливостями

Для багатьох користувачів спеціальні можливості в Службі SharePoint – це задум. Вони вважають, що це щось веб-розробник робить з кодом для сайту після створення сайту (наприклад, налаштування коду HTML, CSS або JavaScript).

Однак спеціальні можливості потрібно передбачити ще в процесі проектування до початку роботи над веб-сайтом. Пам'ятайте про те, як настроювання сайту, створеного в SharePoint Online, вплине на спеціальні можливості, перш ніж настроювати сайт. Спеціальні можливості веб-сайту передусім означають:

  • Зручність використання для всіх.
    Забезпечення спеціальних можливостей означає створення сайту, яким може користуватися будь-хто: як користувачі з обмеженими фізичними можливостями, так і звичайні користувачі. Зручність використання надзвичайно важлива. Якщо ви не можете легко переміщатися сайтом, щоб щось отримати або щось зробити, як це зможуть робити інші користувачі?
  • Зручність використання для людей з обмеженими фізичними можливостями.
    Забезпечуючи доступність, ви маєте подбати про всіх, не ігноруючи частину своєї аудиторії. Створюючи сайт, ви повинні зробити його доступним для людей з обмеженими фізичними можливостями, задовольнивши їхні потреби. Врешті-решт, це такі ж користувачі вашого сайту, як і будь-хто інший у вашій організації.

Сайти, створені з урахуванням спеціальних можливостей:

  • Доступні з будь-якого пристрою незалежно від методу введення, який використовується (наприклад, з браузера на настільному комп’ютері, голосового браузера, браузера на мобільному телефоні, автомобільного комп’ютера тощо).
  • Доступні незалежно від обмежень середовища, у якому працює користувач (наприклад, у шумному оточенні, приміщенні з різними ступенями освітлення, за кермом із зайнятими руками тощо).
  • Передбачувані. Інновації сайту важливі, але його передбачуваність важливіша. Зрозуміла й передбачувана навігація на сайті робить сайт доступнішим для всіх.

Ресурси

Що таке спеціальні можливості в Інтернеті?

Навчальні курси, присвячені спеціальним можливостям Корпорації Майкрософт: загальні відомості про спеціальні можливості

Посібник для підприємств і державних організацій, які створюють вміст зі спеціальними можливостями для людей з особливими потребами

Посібник для викладачів, які створюють вміст зі спеціальними можливостями для людей з особливими потребами

Блоґ спеціальних можливостей Microsoft

Вивчення аудиторії – людей із вадами – і їхніх потреб

Термін "люди з обмеженими фізичними можливостями" охоплює мільйони людей з різними особливими потребами. Проте ця аудиторія ділиться на частини, потреби яких відрізняються. У таблиці нижче описано деякі найпоширеніші вади й відповідні потреби людей із такими вадами. Настроюючи веб-сайт, створений у SharePoint Online, дуже важливо розуміти, як це вплине на різні частини аудиторії.

Примітка.

У розділі "Спеціальні засоби" описано групу технологій, які відповідають потребам людей з особливими потребами. У таблиці нижче наведено деякі з цих технологій, наприклад невізуальні екрани. Докладні відомості про різні типи спеціальних засобів див. в цій статті в статті Експеримент зі спеціальними засобами, які використовує аудиторія.

Деякі з найпоширеніших вад і відповідні спеціальні можливості:

Вада Типові особливі потреби
Сліпота або поганий зір
  • Сполучення клавіш (без використання миші).
  • Передбачувана послідовність переходу та орієнтири на веб-сторінці (зокрема в діалогових вікнах), які дають змогу аудиторії скласти уявлення про сторінку й орієнтуватися на ній.
  • Звукові відгуки від невізуальних екранів (одного з типів спеціальних засобів).
  • Замінники візуальних елементів (зображень, піктограм тощо) і описовий текст для всіх зображень (навіть суто декоративних), наприклад текст заміщення.
  • Звукові стенограми для відео й такі настройки для відеопрогравачів, як можливість вимкнути автовідтворення, щоб звук відео не заважав звуковому зворотному зв’язку невізуального екрана.
  • Зрозуміла мова, яка враховує всю аудиторію. Наприклад, замість "Ви побачите щось" можна сказати "Щось доступне". Можна сказати не просто "Перегляньте відео", а "Перегляньте відео або прослухайте звукову стенограму для відео".
  • Великий розмір шрифтів, завдяки якому легше читати текст, а також чорний або висококонтрастний текст.
Щоб дізнатися, як корпорація Майкрософт відповідає потребам цієї підглядача, перейдіть до посібника Microsoft для незрячих людей або людей зі слабким зором.
Колірна сліпота Колірна сліпота буває двох основних видів: нездатність розрізняти червоний і зелений та нездатність розрізняти синій і жовтий. Настроюючи веб-сайт, врахуйте ці моменти:

  • Альтернативні засоби передавання важливої інформації. Не покладайтеся лише на колір, щоб передавати інформацію на веб-сайті. Наприклад, виділені кольором гіперпосилання слід також підкреслювати, щоб особа з колірною сліпотою могла розпізнати посилання, навіть якщо не бачить його кольору.
  • Яскраві кольори або висококонтрастні колірні схеми (з різних кінців колірного спектру). Наприклад, чорно-білі схеми допомагають людям із колірною сліпотою розрізняти кольори.
  • Простий фон без візерунків за текстом на веб-сторінках.
Докладні відомості див. в статті Вади зору: колірна сліпота
Обмежені моторні функції або порушення моторно-рухового апарату
  • Сполучення клавіш (з мінімальним використанням миші або без нього).
  • Можливість скасувати важливі дії. Наприклад, коли на відеопорталі видаляється канал, слід надавати кнопку "Скасувати", щоб користувач міг виправити будь-яку помилку, яку зробив, використовуючи пристрій введення.
  • Способи прогортати довгі списки (наприклад, посилання, які дають змогу перейти на початок чи в кінець, до наступного розділу на сторінці сайту).
  • Посилання з довгим текстом, які легко вибирати. Наприклад, включайте в посилання повну назву об’єкта призначення (зазвичай вона довша, ніж просто "клацніть тут").
Глухота або поганий слух
  • Субтитри й текстові стенограми для відео. • Текстові стенограми для аудіо.
  • Замінники звукових сигналів.
  • Зрозуміла мова, що враховує всю аудиторію (варто використовувати замінники таких слів, як "чути" або "слухати"). Наприклад, замість "Прослухайте аудіо" можна сказати "Прослухайте аудіо або прочитайте текстову стенограму для нього".
Когнітивні порушення, як-от дислексія, або синдром дефіциту уваги Люди з дислексією кажуть, що текст "пливе" на сторінці, наприклад, рядки налазять один на одного. Також вони часто бачать текст злитим або спотвореним. Вони мають схожі потреби, що й люди з поганим зором, особливо щодо обсягу читання. Крім того, їм зручніше читати знайомі шрифти Sans Serif, наприклад Arial або Calibri. Уникайте курсиву, усіх великих букв і підкреслення.
People з синдромом дефіциту уваги мають проблеми з фокусом на реченні, завданні тощо. Їм потрібні прості макети сайтів, які спрощують для них фокусування. У них виникають проблеми з обробкою інформації на сайті, переповненому елементами. Ефективно використовуйте пустий простір у макеті сайту та використовуйте текст, вирівняний ліворуч, а не по центру або за шириною.

Ресурси

Історії користувачів в Інтернеті: як люди з особливими потребами користуються Інтернетом

Посібники Microsoft для різних типів інвалідності та ідеї щодо їх вирішення

Визначення політик, вимог і рекомендацій компанії щодо спеціальних можливостей

Авторам вмісту для Інтернету або веб-сайту інтрамережі компанії, які хочуть забезпечити спеціальні можливості для користувачів з особливими потребами, слід дотримуватися певних рекомендацій щодо спеціальних можливостей. Змінюючи стандартні шаблони веб-сайтів, які надаються в SharePoint Online, слід пам’ятати про ці рекомендації та дотримуватися хоча б їх залежно від обсягу настроювання:

  • Дізнайтеся про визначені рекомендації та вимоги своєї організації щодо спеціальних можливостей, яких слід дотримуватися, створюючи веб-сайти, зокрема настроювані веб-сайти в SharePoint Online.
  • Зв’яжіться з контактною особою з питань спеціальних можливостей в організації та обговоріть наслідки настроювання веб-сайту. Крім того, попросіть її порекомендувати засоби для тестування деяких аспектів спеціальних можливостей вашого сайту.
  • Поділіться своїми планами щодо вмісту з контактною особою з питань спеціальних можливостей і попросіть її регулярно оцінювати ваші плани й результати настроювання веб-сайту, щоб уникнути можливих перешкод для спеціальних можливостей.
  • Спілкуйтеся з користувачами з вашої організації з особливими потребами та запитайте їхню думку про свої плани щодо настроювання сайту в SharePoint Online. Вони можуть отримати уявлення про щоденні проблеми, з якими вони стикаються під час використання веб-сайтів, загалом, і конкретні проблеми, з якими вони стикаються під час використання сайтів інтрамережі , обидва з яких можуть заохочувати вас переглянути свої плани налаштування або принаймні встановити реалістичні цілі.

Ресурси

Веб-сайт спеціальних можливостей у мережі Microsoft Для розробників (MSDN)

Ознайомлення з поточними загальноприйнятими рекомендаціями щодо спеціальних можливостей для всіх типів веб-сайтів

Веб-сайти, створені в SharePoint Online, – це перш за все звичайні веб-сайти. Тому до веб-сайтів, створених або настроєних у SharePoint Online, застосовуються такі самі загальні рекомендації щодо створення вмісту зі спеціальними можливості, які і до будь-якого іншого веб-сайту. Нижче наведено вичерпні та докладні рекомендації.

Ресурси

Рекомендації зі спеціальних можливостей для веб-вмісту (WCAG) від World Wide Web Consortium (W3C) W3C – це міжнародна спільнота, яка разом розробляє веб-стандарти, зокрема рекомендації щодо спеціальних можливостей в Інтернеті. WCAG – це одні з найповніших рекомендацій щодо спеціальних можливостей на веб-сайтах, і їх використовують як основу для правил щодо спеціальних можливостей у багатьох країнах. Рекомендації WCAG по суті стали стандартом, до якого прагнуть сучасні розробники веб-сайтів і сайтів інтрамережі.

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

Крім того, люди, які працюють в департаменті або агентстві уряду Сполучених Штатів, повинні дотримуватися федеральних правил закупівель. Докладні відомості див. в статті Стандарти 508 для веб-інтрамережі, інформації про Інтернет і програм.

Забезпечення спеціальних можливостей для типового налаштування веб-сайтів, створених у SharePoint Online

Тепер, коли ви ознайомилися зі спеціальними можливостями як компонентом дизайну, а також впливом зміни стандартних шаблонів SharePoint Online на спеціальні можливості, ви готові настроювати свій веб-сайт, не позбавляючи його спеціальних можливостей.

Рекомендовані статті: