Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibity improvements needed on the Front Page #1036

Open
miguelvaara opened this issue Aug 17, 2020 · 3 comments
Open

Accessibity improvements needed on the Front Page #1036

miguelvaara opened this issue Aug 17, 2020 · 3 comments
Assignees
Labels

Comments

@miguelvaara
Copy link
Contributor

[Make the changes as shown in the illustration]

  1. The Front Page should offer a possibility to tab through interactive items in a logical order [numbered order in the illustration].

  2. The semantic structure of the page should be improved by relevant and comprehensive heading levels [as shown in the illustration]

  3. Skip link is a shortcut to important parts of the page (content) and makes the access to content quicker. The skip link helps to avoid unnecessary repetition of static page elements [content area marked in the illustration, the skip link should be located in the beginning of the body tag]
    Finto-Frontpage

@miguelvaara
Copy link
Contributor Author

Check the title of the page. It should describe the page content as sortly and concisely as possible

Skip Link consists of the following sections of the page:

  • Welcome to the Finto service!
  • Available vocabularies and ontologies
  • Tweets (Note: after the "Available vocabularies and ontologies")

Tab order:

  • Language selection
  • Ontology list
  • Search area
  • Top menu
  • Interfaces
  • Twitter

Headers levels (level H2, other header levels according to common sense order):

  1. Available vocabularies and ontologies
  2. Search (hidden header with the text "Search from all the ontologies")
  3. Tweets

@miguelvaara
Copy link
Contributor Author

The skip link should become visible when it receives keyboard focus. Maybe hiding it off screen and then to be positioned on screen when it receives keyboard focus?

@miguelvaara
Copy link
Contributor Author

All the information for a screen reader should be available in Finnish, Swedish and English

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants