nav.main-navigation
ul.links-list
li.wrapper: a.link(href='') Link
li.wrapper: a.link(href='') Link
li.wrapper: a.link(href='') Link
.links-list {
// ....
> .wrapper {
// ....
}
> .wrapper > .link {
// ....
}
}
var state = 0,
inputs = document.querySelectorAll('input[name=point]'),
next = function() {
if (++state === 5) {
state = 0;
}
inputs[state].checked = true;
},
interval = setInterval(next, 3000);
[].forEach.call(inputs, function(input, index) {
input.addEventListener('click', function() {
clearInterval(interval);
state = index;
interval = setInterval(next, 3000);
});
});
Со ссылками все просто, а вот с интерактивными элементами (аккордеоны, вкладки и.т.д.) все гораздо интереснее - там нужно не просто табать. Добавляются стрелки, пробел, enter, ctrl, shift... почитать рекомендации можно вот тут (хотя применять все это на практике весьма непросто, особенно учитывая тот факт, что бизнесу обычно наплевать на тех, кому это может быть полезно).