Створення доступного веб-контенту на Фандомі

Фандом — це платформа, яка забезпечує досвід для всіх шанувальників незалежно від рівня їхньої пристрасті. Оскільки ми прагнемо надавати якісний контент для всіх шанувальників, не менш важливо створити враження, які зможуть сподобатися всім. Під час створення вмісту враховуйте свою аудиторію та переконайтеся, що ви створюєте доступний досвід для всіх. Веб-доступність, або eAccessibility, — це інклюзивна практика забезпечення усунення всіх бар’єрів, які перешкоджають взаємодії з вашим веб-сайтом, і створення доступу до веб-сайтів для людей із фізичними та ситуаційними вадами, а також із соціально-економічними обмеженнями пропускної здатності та швидкості.

Згідно з настановами щодо доступності веб-контенту (WCAG) існує чотири основні принципи доступності: доступність для сприйняття, можливість використання, зрозумілість і стійкість. Цей фреймворк підтримує потреби в доступності та служить посібником для створення більш доступних веб-сайтів.

Пристосування для доступності в мережі[]

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

Ось кілька прикладів розміщення, доступних через Інтернет, які слід враховувати під час створення:

Запропонуйте висококонтрастні варіанти для людей з обмеженим зором. Це також відомо як параметри «темного режиму» для сторінок. Хоча деяким людям може сподобатися темніша тема з відповідним текстом, це не обов’язково доступний варіант. Створення висококонтрастних тем може пристосувати людей із певними вадами зору, полегшуючи читання тексту.
Додайте до ваших зображень альтернативний текст, щоб створити яскраві зображення. Якщо ви додаєте на свою сторінку зображення, які надають інформацію вашій аудиторії, і ця інформація не міститься в підтримуваному тексті, вам слід розглянути альтернативний текст. Якщо текст заміщення правильно включено у ваш вміст, ви надаєте інформацію та малюєте чітку картину для всіх. Якщо зображення є важливим елементом у вашому вмісті, вам слід подумати про додавання альтернативного тексту.
Створюйте якісні гіперпосилання, за якими ваша аудиторія зможе легко переміщатися. Уважно оцініть свій вміст, щоб побачити, чи ваші гіперпосилання ведуть людей до місць, які ви хочете, щоб вони дослідили. Простого «натисніть тут» може бути недостатньо для ваших читачів. Спробуйте надати більше контексту, щоб підтримувати свою аудиторію на кожному кроці за допомогою описових закликів до дії. Наприклад, спробуйте використати «клацніть тут, щоб дізнатися більше про свого улюбленого героя», щоб читачі зрозуміли, куди їх приведе посилання, на відміну від простої інструкції «натисніть тут».

Тестування доступності[]

Команди наших продуктів розуміють важливість веб-доступності та щодня впроваджують це у свою роботу. Працюючи над створенням більше інструментів для спільноти, ми розуміємо, що є чому навчитися та застосовувати. Нещодавно ми наполегливо працювали над тим, щоб представити спільноті Mobile Theming, і ми раді поділитися деякими закулісними роботами, які були зроблені для цієї важливої ініціативи щодо продукту.

Нижче ви знайдете візуальний приклад вікі, перелічених для нашого тестування, і це зображення, яке показує відповідні кольори гіперпосилань, які створюють високий контраст. Якщо ви уважно придивитеся, ви побачите порівняння кольорів між світлою та темною темами за допомогою визначених меж навколо кожного кольору. Кольорові блоки, позначені як «X», не забезпечували контрастності, необхідної для відповідності.

Ми провели тестування мобільних тем на 15 вікі, щоб отримати відгуки спільноти та переконатися, що тематичні сторінки не завантажуються повільніше та не займають нижчий рейтинг на сторінках результатів пошуку Google, ніж сторінки без тематики. Цей тест застосовував налаштовані кольори, шрифти та фонове зображення спільноти до скіну FandomMobile.

Список включених вікі:

Якщо ви хочете переглянути ці вікі на мобільному пристрої, перейдіть на свій мобільний пристрій або додайте ?useskin=fandommobile у кінець будь-якої URL-адреси на своєму настільному пристрої. Ми з нетерпінням чекаємо того, що цього тижня готуємось до запуску Mobile Theming, щоб кожен міг підключитися та насолоджуватися.

Ресурси[]

Ось підбірка 3 безкоштовних веб-ресурсів доступності, щоб переконатися, що ви робите правильні кроки, щоб підтримувати себе під час створення доступного вмісту для відвідувачів!

Accessible Colors — Цей ресурс є фаворитом персоналу та оцінює ваші колірні комбінації відповідно до вказівок WCAG 2.0 щодо контрастності.
Intent Based — Accessibility Checker — Цей безкоштовний засіб перевірки відповідності AD і WCAG простий у використанні та легко перевіряє ваш веб-сайт. Все, що вам потрібно зробити, це ввести URL-адресу, щоб визначити, чи відповідаєте ви!
WAVE — Web Accessibility Versatile Evaluator — Цей інструмент оцінки веб-доступності дозволяє перевірити доступність через веб-браузер за допомогою WAVE Chrome, Firefox і Edge розширення браузера.

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