Pixmora

Иконка доступности для настроек a11y

В Lucide один знак accessibility: фигура с кругом движения. Для входа в параметры доступности. Иконка не делает интерфейс доступным сама по себе.

Как применить иконку «Доступность»

Сценарий страницы: Кнопка открытия настроек доступности. Основной вариант - lucide:accessibility, набор Lucide, автор Lucide Contributors, лицензия ISC.

Доступность (accessibility): Человек с поднятой рукой и дугой движения вокруг. Раздел a11y, виджет настроек доступности.

В углу экрана или футере 24 px. В меню настроек 20. Других вариантов этого знака в Lucide нет.

Это пример разметки без обработчиков. Якорь #settings должен вести к реальным настройкам: контраст, размер текста и т.п. Замените путь к SVG. Одна пиктограмма не заменяет доступную вёрстку.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Скачать SVG Доступность (lucide-accessibility.svg)

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Параметры доступности. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<a href="/accessibility#settings" aria-label="Параметры доступности">
  <img src="lucide-accessibility.svg" width="24" height="24" alt="">
</a>

Частые вопросы

Достаточно ли этой иконки для доступности сайта?

Нет. Нужны контраст, клавиатура, подписи, семантика. Иконка только открывает раздел настроек.

Это официальный знак ISO?

Это пиктограмма Lucide в стиле набора, не замена стандартизированных знаков доступности среды.