Focando o primeiro elemento no conteúdo da página

2008-06-11 Wender Lima Javascript

Eu reparei uma dificuldade muito grande do meu irmão ao tentar acessar o conteúdo da administração de seu site, usando software de leitura de tela( ja que ele é deficiente visual), os itens do menu possuem atalho, basta ele pressionar ALT + M e o foco vai para o primeiro item do menu, mas para chegar até o conteúdo das páginas, ele precisa passar por todos os itens do menu antes, para resolver isso eu criei um script muito simples usando a lib jQuery

// assim que a página é carregada
$(document).ready(function(){
	// Verifico se existe algum link
	if($("#contentAdm a").length > 0){
		// se existir, eu dou foco nele e crio um atalho ALT + C
		// para ir direto para o elemento
		$("#contentAdm a").get(0).focus();
		$("#contentAdm a").get(0).attr("accesskey","C");
	}else{
		// Caso contrario, faço o mesmo para elementos Input
		if($("#contentAdm input").length > 0){
			$("#contentAdm input").get(0).focus();
			$("#contentAdm input").get(0).attr("accesskey","C");
		};
	};
});

Espero que seja útil pra você também

acessibilidade,