Букмарклети
Що таке букмарклети
Це фрагменти коду JavaScript, які можна виконати в браузері в контексті відкритої вебсторінки. Цей код може бути збережений як закладка на панелі закладок в браузері (код необхідно вказати як URL закладки), і тоді його можна виконати кліком лівої клавіші по закладці. Також цей код можна виконувати через консоль браузера.
Букмарклети можна використовувати для маніпуляції вмістом сторінки, зміни кольорів текстів, швидкого виявлення деяких проблем з вебдоступністю і для багатьох інших задач.
Деякі наші букмарклети
"Заголовки"
Показує елементи на сторінці, що позначені як заголовки тегами <h1>-<h6> або відповідними ARIA-атрибутами. Виводить описи наявних проблем неправильного структурування заголовків.
"Альтернативні тексти"
Показує альтернативні тексти біля зображень з візуальною індикацією зв'язку, контейнери з текстами можна перетягати мишею.
"Посилання"
Показує короткі підказки-маркери того, яким чином встановлені текстові мітки для посилань. Працює лише для нативних посилань (<a>).
"Таблиці"
Перевіряє таблиці (<table>) на наявність програмно прив'язаного заголовку і принаймні одного елемента <th>. Виводить відповідні підказки-маркери. Також фарбує комірки <td> у жовтий колір, а комірки <th> у зелений колір.
"Області сторінки"
Підсвічує зеленим кольором області (контейнери) сторінки, які позначені HTML5 тегами <header>, <main>, <footer> або відповідними ARIA-ролями.
"Помилкове застосування aria-label"
Показує короткі підказки-маркери того, чи коректно вжито атрибут "aria-label". Маркери мають червоний колір, якщо допущена явна помилка, і жовтий колір, якщо атрибут дублює основний текст елемента.
Параметри текстів відповідно до WCAG
Виставляє текстам на сторінці інтервали і деякі інші параметри, які описані в пункті 1.4.12 WCAG.
"Очищення"
Прибирає більшу частину наслідків дії букмарклетів, вказаних на цій сторінці. Допомагає уникнути небажаних перезавантажень сторінки.
