search

Mike-Heneghan / ALISS

ALISS (A Local Information System for Scotland) is a service to help you find help and support close to you when you need it most.
https://aliss.org
0 stars 0 forks source link

Review ease of navigation for keyboard only users. #110

Open Mike-Heneghan opened 4 years ago

Mike-Heneghan commented 4 years ago

Manually test navigating the main pages to ensure that all items can be navigated and interacted with as intended.

Mike-Heneghan commented 4 years ago

Example of an element which can't be reached with the keyboard:

Screenshot 2019-09-23 at 18 44 26

<h4 id="service_actions_toggle" class="toggle-heading active">Actions</h4>

Mike-Heneghan commented 4 years ago
Screenshot 2019-10-11 at 17 16 22

Tried to add JS to make the focus change to the postcode input box but it always seems to require an extra tab to reach it:

      $('#skip-content').click(function(){
        $('#postcode').focus();
      }).keypress(function(){
        $('#postcode').focus();
      })
Mike-Heneghan commented 4 years ago

Should the service area map have an alt tag or maybe be aria-hidden?

https://stackoverflow.com/questions/44712753/what-is-a-suitable-wai-aria-role-attribute-for-a-map-element

Article suggests that map elements can still be useful for some screen reader users such as those with low vision. They suggest using aria-role application.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Application_Role

https://marcozehe.wordpress.com/2012/02/06/if-you-use-the-wai-aria-role-application-please-do-so-wisely/