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.