OData / odataorg.github.io

Staging site and collaboration repository for http://www.odata.org
MIT License
63 stars 101 forks source link

Add skipto navigation #206

Closed marabooy closed 4 years ago

marabooy commented 4 years ago

This solves an accessibility issue on the site for people using screen readers and keyboard

Repro Steps: ​​​ 1)Hit the URL "https://www.odata.org/" to open Odata website​ 2)Tab till 'Developers' link and press enter​ 3)Tab till 'Getting Started' option and press enter​ 4)Verify whether there is option to skip the repetitive content present in the page or not​ ​ Actual Result: ​​​ There is no option to skip the repetitive content in the application (there is no skip link for the application)​ ​ Expected Result:​ User should be provided with skip link so that one can skip the repetitive content and navigate directly to the main content​ ​ User Impact: ​​ Keyboard users and screen reader users will find it difficult to navigate through the repetitive content every time to access the main content if there is no skip links​

Fix: For users who are using keyboard this allows them to skip to any navigation element and content in the page using https://github.com/paypal/skipto.

The menu highlights only on tab. image

And brings this as a map when the user expands the menu for skipto image

habbes commented 4 years ago

@marabooy could you link the issue this PR fixes, or create one if there isn't any? One that explains the problem.