如何向我的元素添加辅助功能

Question

我正在尝试在Angular的bootstrap popover窗口上构建辅助功能。

我有类似

的东西

 <a href="" data-trigger="focus" tabindex="1" data-placement="top" pop-elem>
   Open a popover                                             
  </a>

在我的指令

中

angular.module('myApp').directive('popElem', ['$popover',
    function($popover) {
        return {
            restrict: 'A',
            link: function(scope, elem) {
                $popover(elem, {
                    scope: scope,
                    trigger: 'focus',                
                    template: 'test.html'
                });
            }
        };
    }
]);

的test.html

<div class="popover" role="tooltip">
    <div class="popover-content">
        <div>            
            <a class="btn"
               href="">Item 1</a>
        </div>
        <div>            
            <a class="btn"
               href="">Item 2</a>
        </div>
    </div>
</div>

我不知道如何在我的情况下在popover上构建可访问性。每次按Tab键时，弹出窗口都会消失。任何人都可以帮我吗？非常感谢！