Декілька простих речей для збільшення доступності вашого сайту _Ч.1

Так як же зробити ваш сайт більш доступним? Поговоримо про основні проблеми:

1. Занадто багато контенту:

– розбийте текст на розділи з заголовками, короткими абзацами і маркованими списками;

– використовуйте просту мову, якщо ви хочете сподобатися і переконати свого читача.

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

3. Погана розбірливість – переконайтеся, що текст:

– має адекватний контраст (коефіцієнт контрастності не менше 4,5 : 1, за винятком великомасштабного тексту й зображень великомасштабного тексту, коефіцієнт контрастності яких не менше 3 : 1);

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

Рекомендується також вирівняти текст по лівому краю. Для сторінок на мовах справа наліво, таких як арабська або іврит, вирівнювання по правому краю. Використовуйте шрифти без зарубок, такі як Arial і Comic Sans, так як літери можуть здаватися менш насиченими. Альтернативи включають Verdana, Tahoma, Century Gothic, Trebuchet, Calibri, Open Sans.

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

Відволікання – роздратування, особливо для людей з когнітивними порушеннями. Рух і миготіння також можуть викликати судоми, тому, відповідно до рекомендацій WCAG, контент не повинен блимати більше 3 разів протягом 1 секунди.

5. Зняття кільця фокусування – переконайтеся, що користувач клавіатури завжди може бачити, де він у даний момент сфокусірован.Focusстілі є безцінним візуальним індикатором для тих людей, які не можуть використовувати мишу: можливо, у них хвороба Паркінсона, або розсіяний склероз.

Продовження наступному пості.

З повним текстом статті можна ознайомитися за посиланням: https://websitesetup.org/web-accessibility-checklist/

Все посты

Оставить комментарий

  • viagra usa says:

    viagra usa

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • generic albuterol inhaler

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • ciprofloxacin 500mg antibiotics walmart cost

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • cialis 10mg price

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • naltrexone otc

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • who has tylenol in stock

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • chloroquine otc

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • viagra substitute says:

    viagra without a doctor prescription usa [url=https://viagenupi.com/#]viagra substitute[/url] viagra online no prior prescription viagra substitute try viagra for
    free https://viagenupi.com/

  • buy hydroxychloroquine says:

    buy hydroxychloroquine https://hydroxychloroquine1st.com/

  • buy hydroxychloroquine says:

    buy hydroxychloroquine https://azhydroxychloroquine.com/

  • walmart cephalexin cost says:

    walmart cephalexin cost https://keflex.webbfenix.com/

  • cheap careprost from india says:

    cheap careprost from india https://www.jueriy.com/

  • buy pills erection generic cialis says:

    buy pills erection generic cialis https://www.wisig.org/

  • cialis for sale

    Декілька простих речей для збільшення доступності вашого сайту _Ч.1 | PowerCode Academy

  • Leave a Reply

    Your email address will not be published. Required fields are marked *


  • ru
  • uk
  • Your message has been sent