Skip to main content
LibreTexts - Ukrayinska

3.8: Діяльність - WCAG Полювання на смітника

  • Page ID
    103818
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)

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

    Щоб освоїтися з WCAG 2.1 та пов'язаною з нею документацією, спробуйте цей виклик «Полювання на смітника». Нижче наведено список бар'єрів, які ви, ймовірно, побачите на багатьох веб-сайтах. Для кожного бар'єру знайдіть відповідний орієнтир і зіставте достатню техніку (з його ідентифікатором) для видалення бар'єру. Як зустрітися з WCAG 2.1 є гарною довідкою.

    Щасливого полювання!

    Приклад

    Бар'єр: Попередньо записане відео не чутно описує змістовну візуальну активність

    Ідентифікатор техніки: G78: Надання другої, обраної користувачем, звукової доріжки, яка включає звукові описи.

    Перелік бар'єрів

    1. Зображення не має альтернативного тексту
    2. Відео не має підписів
    3. Колір використовується сам по собі для представлення значення
    4. Контраст між кольором тексту та тла недостатній (<4.5:1)
    5. Кнопка форми не працює на клавіатурі
    6. Сторінка перенаправляє на іншу, перш ніж вміст може бути прочитаний
    7. Веб-сторінка не має описового заголовка
    8. Не передбачено жодних засобів для пропуску повз великого головного меню на веб-сторінці
    9. Мова сторінки не визначена
    10. Сторінка перенаправляє, коли перемикач форми отримує фокус

    Пропоновані відповіді на діяльність