jQuery encontra todos os elementos focalizáveis

Ao criar sites acessíveis, geralmente você precisa encontrar o primeiro elemento focalizável em um contêiner. Para tornar o código mais limpo e reutilizável, construo um pequeno seletor jQuery que pode ser adicionado a cada projeto.

O código

jQuery.extend(jQuery.expr[':'], {
focusable
: function(el, index, selector){
return $(el).is('a, button, :input, [tabindex]');
}
});

Como funciona

O código acima adiciona um novo seletor jQuery, então você poderá selecionar elementos focalizáveis ​​com isto:

$('#my-container').find(':focusable')

Este código selecionará todos os elementos no contêiner e verificará se ele pode ser focalizado. Ele retornará apenas os elementos focalizáveis.

Fonte

https://github.com/turcottedanny/jquery-focusable