Scripts (JS)

The following criteria are taken from the checklist:
  • Labels and associated form elements are linked to each other via markup.
  • The content is accessible in the device orientation selected by the user.
  • For input fields that capture user data, a semantically unambiguous, language-independent determination of their purpose is possible.
  • Sounds longer than 3s will not play automatically or can be turned off.
  • Text can be magnified to 200% without loss of content and functionality.
  • The page content can be automatically rearranged and thus visually re-ordered when the page is enlarged or the width of the browser window is reduced. It is not necessary to scroll horizontally.
  • Text spacing is adjustable without loss of content and functionality.
  • Text-background contrast is sufficient: at least 4.5 : 1 for small font and 3 : 1 for large font.
  • The page is usable without a mouse, too, using only the keyboard.
  • If the keyboard focus can be moved to an element on the page, it can also be moved away from this element again.
  • Time-limited content can be switched off or extended
  • Keyboard shortcuts can be switched off or customized.
  • The movement/flashing of elements is limited to 5s or can be switched off.
  • The order in which links are accessed with the keyboard is logical and comprehensible.
  • For complex pointer gestures, there are alternative operating options using simple pointer gestures.
  • When clicking on control elements, their function is only executed when the mouse button is released. Otherwise the function can be aborted or undone.
  • There are alternative input options for motion activation to trigger its function.
  • When a component of the page receives keyboard focus, it does not lead to an unexpected context change (such as pop-up windows or automatic submission of forms).
  • Entries on forms do not lead to unexpected context changes.
  • There are visible labels for form input areas.
  • Error messages are easy to understand and provide information on how to correct errors.
  • HTML syntax is correct.
  • All customized components on the web page should provide semantic information by using semantic elements (e.g. `<button>`, `<img>`) or WAI-ARIA attributes.
  • Dynmaically added status messages can be determined by assitive technologies without focusing on them.
  • If possible, the website should adopt the settings of the user's browser, including foreground and background colors, fonts, font sizes, etc.
In the following you will find information about the course layout. The criteria selected here explicitly refer to scripts that do not add any new elements to the existing HTML.

Adding script files

Edit question: Options > Extended Settings

BITV-Guidelines