Accessibility

Hi nexxraller,

Could you provide us with a link to the site in question so that we can take a closer look please?

Regards,
Rikard

Hi André,

Sorry for the late reply. I’m guessing you are referring to for instance when someone uses the tab key on their keyboard. What exactly do you want to happen when that is the case?

Thanks,
Rikard

Hi,

Targeting the focus state of main menu item should add an indicator when the user navigate with the keyboard. Example:

#top #header_main > .container .main_menu ul:first-child > li > a:focus {
    text-decoration: underline;
}

If you want to apply it on every link elements, use this:

a:focus {
    text-decoration: underline !important;
    color: red !important;
}

Best regards,
Ismael

Hi,

I’m sorry but the dropdown menu is not accessible with the keyboard unless you modify the js > avia.js file. Look for this code around line 1274:

					currentLink.bind('mouseenter', function()
					{
						sublist.stop().css({visibility:'visible'}).animate({opacity:1});
					});

.. replace it with:

					currentLink.bind('mouseenter focus', function()
					{
						sublist.stop().css({visibility:'visible'}).animate({opacity:1});
					});

Best regards,
Ismael

Hi,

Yes, unfortunately, that will have to do for now because somehow the “focusout” event is not working.

Best regards,
Ismael