1Accessibility

General accessibility rules are described here to make sure that application meets accessibility standards at at least AA level. Some more detailed rules are described in individual chapters.

1.1Images

The alt attribute should be added to an image, so that it can provide an alternative information for the image if a user for some reason cannot view it. If the image is a pure decoration, it should be ignored by the screen reader - alt attribute should be empty: alt="" Except for the logo all other texts are done in Html. (no images of text)

1.1Page Structure

  • Landmarks are used to identify regions of a page: Main Navigation, Subnavigation, Main
  • Navigation positions are implemented as lists
  • Content does not restrict its view and operation to a single display orientation, such as portrait or landscape.
  • Do not block zooming or scaling of the page.
  • All pages have the informative title in HTML code following the example: "[page title] - Service Year"
  • More than one way is available to locate a Web page within a set of Web pages - A search mechanism, subnavigation, footer

1.2Focus & keyboard navigation

  • All functionality of the content should be operable through a keyboard interface
  • Every interactive element has a keyboard focus visible. The focus is visible only for the keyboard users.
  • Focus order should be from top to bottom and from left to right.
  • It is a solid line with 2 px width and the default focus color is Blue [#1678B6] on a bright background. Focus color for elements on dark background is Medium Blue [#34A2E6].
  • When any user interface component receives focus, it does not initiate a change of context.
  • Text inputs should not have a visible focus, including search
  • A mechanism should be available to easily dismiss the additional content (in tooltips) by pressing Escape.
  • A mechanism is available to bypass to the primary content of the page for users using keyboard and assistive technologies.