Keyboard navigation

Asked

Viewed 577 times

1

I started to develop a project, which has some needs of navigation via keyboard, as it is a municipal site, in case it should be accessible to disabled also.

I’m a little lost on how to start, or what to search for, initially I have the following menu:

SS

I did it this way for the menu:

<nav class="nav-access">
    <a href="#content" accesskey="1">Ir para o conteúdo</a>
    <a href="#nav" accesskey="2">Ir para o menu</a>
    <a href="#contrast" accesskey="3">Alto Contraste</a>
</nav>

What should the navigation functionality by keyboard numbers, feature suggestions? or techniques for this type of navigation.

html accessibility

  • Your question is not clear. Do you want to know how to make it work or want feature suggestions?

  • Feature suggestions really got a little confusing the question.

  • You want people to have their say on what you should put in your application?

  • Initially, I was really in doubt of how to do, because I did not know "accesskey" and "tabindex", but it may be of use to other people is doubt.

  • accesskey is not an HTML5 attribute, the only difference from it in HTML5 to HTML4.01 is that in HTML4.01 only the tags <a>, <area>, <button>, <input>, <label>, <legend>, and <textarea> support it, as you are using the TAG <a>, then I determine that there is no need for "tag" HTML5 in the matter.

1 answer

1

  • I’m using as a reference the site of the plateau: http://www2.planalto.gov.br the navigation using "tab" is also right

  • So I think it looks good the way it is there on the same plateau site, you can even put a Jquery plugin to make a scroll effect. But you have to explain how to use it (in the case of the plateau it doesn’t say that in Chrome you have to use Alt+content number).

Browser other questions tagged html accessibility

You are not signed in. Login or sign up in order to post.