Microtip - CSS Tooltip Library с собственными возможностями доступа

Вы можете выполнить быстрый поиск на GitHub, чтобы найти десятки пользовательских библиотек всплывающих подсказок. И кажется, что новые появляются в сети каждый месяц.

Microtip - это уникальный ресурс, поскольку он работает на чистых подсказках CSS, предлагает настраиваемую эстетику и использует исходный код, полностью доступный для всех пользователей.

Если вы никогда не задумывались о доступности, Microtip может передумать. Это идеальное сочетание чистого дизайна с функциональность для всех устройств, всех браузеров и для пользователей с серьезными нарушениями.

На главной странице вы найдете ссылку на скачивание библиотеки Microtip вместе с кучей демонстраций кода.

Вы можете получить эту настройку через менеджер пакетов, прямую загрузку или извлекая ее напрямую из CDN. Это поставляется с одним файлом CSS и это в основном все, что вам нужно.

Как только Microtip добавлен на вашу страницу, вы можете начать добавлять всплывающие подсказки на элементы страницы. Это полностью соответствует WAI поэтому они полностью соответствуют современным стандартам доступности.

Вот пример кода всплывающей подсказки, прикрепленной к элементу кнопки с пользовательской позицией:

Не много кода правильно?

Эта библиотека очень легкая с общим объемом 1 КБ. Это просто безумие, учитывая, сколько вы получаете с этими подсказками.

Пользовательские свойства CSS могут передаваться через атрибуты HTML для определения размера шрифта, стиля перехода, упрощения и множества других настроек..

Вы также можете перезаписать CSS напрямую, чтобы увеличить подсказки с разными цветами или шрифтами.

Взгляните на раздел настроек на главной странице для более подробной информации. Все работает через HTML и CSS, поэтому вам не нужно любые знания сценариев чтобы это работало.

Микротип супер прост в установке и настройке так что если вы хотя бы знаете базовое кодирование внешнего интерфейса, все будет в порядке.

Но взгляните на репозиторий GitHub для получения дополнительной информации о настройке и получения копии таблицы стилей..

Если у вас есть вопросы или предложения по новым функциям, вы также можете написать об этом создателю в Твиттере @_ighosh.