10 найкращих доступних тем WordPress

Створення доступних веб-сайтів, які не виключають людей з різними типами інвалідності, стали більш актуальною умовою веб-дизайну в останні роки. У ці дні важко отримати урядовий контракт, не піклуючись про цифрову інклюзивність, і багато відомих компаній, таких як Microsoft, Apple і Google, також розглядати доступність як пріоритет.

WordPress як провідна система управління контентом і платформа для блогів також знаходиться на передовій лінії розвитку доступності. Команда WordPress A11y (Доступність) зайнята, роблячи платформу доступною якомога більшій кількості людей, і вони навіть опублікували чудовий Підручник з доступності для WordPress для розробників.

Огляд доступності

Огляд доступності є необов'язковою стадією процесу перегляду теми WordPress. Якщо подана тема використовує готовність до доступності теги, команда перевірки перевірить її на відповідність керівним принципам доступності, щоб переконатися, що теми, які просуваються як готові до доступності, дійсно є такими.

На цій посаді ми розглянемо 10 найкращих тем для WordPress, які допоможуть вам створити сайти з WordPress, що мають цифровий формат.

Кращі доступні для WP теми

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

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

1. Необмежений

Необмежена - це ретельно розроблена тема загальної мети WordPress з правою бічною панеллю. Він швидко завантажується і використовує високий коефіцієнт контрастності кольорів (білий і світло-сірий у порівнянні з темно-сірим), який відповідає потребам користувачів із вадами зору.

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

На своєму демонстраційному сайті ви можете побачити, як виглядає Unlimited, коли він повністю налаштований.

2. Сімоне

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

Ви можете налаштувати багато функцій Simone, наприклад позицію на бічній панелі (ліворуч або праворуч), заголовок, фон, кольори посилань та багато інших. Це також готовий до перекладу, і вже перекладена на багато мов

Дізнайтеся більше про Simone на його демонстраційному сайті.

3. Доступний дзен

Доступний дзен - це мінімалістична тема з однієї колонки зменшує кількість відволікаючих факторів стільки, скільки це можливо, і поміщає вміст у фокус. Автор поділився на своєму блозі кольоровою палітрою, яку він використовував. Вона відповідає вимогам AA для веб-вмісту (WCAG 2.0).

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

Якщо ви зацікавлені в змістовний, мінімалістичний тема блогу, перевірити доступний живий дзен.

4. Запас

Тема Stock WordPress має елегантний стиль чорно-білий заголовок який містить центральне головне меню. Спарювання чорно-білого завжди є чудовим вибором для сайтів, готових до доступності, оскільки ці два кольори мають найвищий коефіцієнт контрастності кольорів, який становить 21: 1.

Дизайн цілком мінімалістичний, і тема готовий до перекладу та пропозиції Підтримка мови RTL (справа наліво), таким чином, це може бути гарним кандидатом на те, щоб бути батьківською темою доступної дитячої теми.

Ви можете перевірити поточний етап розробки на сторінці Github Stock.

5. Апекс

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

Витримки на домашній сторінці слідують зручні кнопки "Продовжити читання" які красиво виділені і спонукає читачів продовжувати. Ви можете бачити, як виглядає Apex на своєму демо-сайті.

6. Крихітні рамки

Автору Tiny Framework було потрібно не менше 9 місяців, щоб створити цю цікаву тему WordPress. Tiny Framework достатньо гнучка, щоб використовувати її як батьківську тему, якщо ви хочете швидко розробити надійну тему для дітей, яка звертає увагу на потреби людей з обмеженими можливостями.

Тема Tiny Framework використовує a Висока контрастна палітра кольорів з чорним, оранжевим і зеленим кольорами. Котирування блоків, заголовки і посилання мають різні кольори, що значно підвищує розбірливість контенту. Кнопки також легко помітні, і тема надмірно має досить енергійний і яскравий вигляд, але не нав'язливо.

7. Куорінка

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

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

8. Аарон

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

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

9. Вітрина

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

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

Магазин має елегантну дитячу тему під назвою «Бутік» для того, щоб представити більш престижні продукти, які також мають підтримку доступності.

10. Автор

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

The заголовки використовують шрифт із засічками що полегшує читабельність. На одному шаблоні повідомлення Попередній і далі повідомлення виділені світло-сірим фоном що заохочує користувачів читати більше повідомлень на сайті.