如何讓貓頭鷹旋轉木馬鍵盤訪問

Question

按照Web Content Accessibility Guidelines，爲了一個網站要考慮的訪問，你應該能夠使用鍵盤爲內容的所有功能：

的所有功能的內容可操作以通過鍵盤接口

我使用貓頭鷹傳送帶2，並加入箭頭和連接它們像這樣：

$('.carousel-left-arrow').click(function() { 
     owl.trigger('next.owl.carousel'); 
    }); 

但這些箭頭不能通過鍵盤訪問，只能使用鼠標。 我如何讓他們可以訪問？

Answer 1

首先，爲了使div能夠通過鍵盤訪問，您需要將tabindex屬性添加到它。例如：

<div class="carousel-arrow carousel-right-arrow" tabindex="0" > 

然後在你的腳本，你可以使用jQuery做的DIV觸發按Enter鍵相同的事件鼠標點擊：

$('.carousel-arrow').keypress(function (e) { 
    if(e.which === 13) 
    { 
     this.click(); 
     return false; 
    } 
});