Удовлетворение отклоняющихся требований WCAG 2.1 - S C 1.4.13 для всплывающих подсказок

Question

Я пытаюсь решить проблемы доступности WCAG 2.1 - S C 1.4.13, содержание при наведении или фокусировке , в частности, в запрещенном разделе с помощью Bootstrap 3.3 всплывающих подсказок . Он указывает, что всплывающая подсказка должна легко закрываться без потери фокуса или зависания триггера. Я хочу разрешить пользователю закрывать всплывающую подсказку с помощью клавиши escape (как мне рекомендовано). Я смог выполнить sh с помощью фокусирующей части (нажатие клавиши на триггере и нажатие клавиши выхода) через javascript. Но когда я пытаюсь сделать то же самое с наведением курсора (наведением на курок и нажатием escape), подсказка не исчезает go. Вы можете увидеть пример 1 со связанной страницы выше для того, что я пытаюсь выполнить sh. Кто-нибудь сталкивался с этим раньше? Заранее спасибо!

Вот код, который я использую:

$(document).ready(function() {
    $('[data-toggle="tooltip"]').on('shown.bs.tooltip', function() {
        var me = this;
        console.log('shown');
        $(this).keyup(function(e) {
            console.log('key up');
            // Escape key
            if (e.key === 'Escape') {
                console.log('hide');
                $(me).tooltip('hide');
            }
        });
    });
});

Answer 1

Это то, что я в итоге сделал, и это работает ладно , но хотелось бы чего-то менее хакерского.

$(document).ready(function() {
    $('[data-toggle="tooltip"]').on('shown.bs.tooltip', function() {
        var me = this;
        $(document).one('keyup', function(e) {
            // Escape key
            if (e.key === 'Escape') {
                $(me).tooltip('hide');
            }
        });
    });
});