Guidebook
Generator of an Accessibility Statement
LMS Check
  • Text Content
    • General Information on Texts
    • Headings
    • Paragraphs
    • Quotations
    • Lists
    • Tables
    • Cross-references
    • Links
    • Formulas
    • Code
  • Color
    • Use of Color
    • Contrast of Texts
    • Contrast of Buttons and Graphics
  • Images and Graphics
    • Informative and Functional Images
    • Decorative Images
  • Audio Elements
    • Formatting Audio Elements
    • Media Alternatives for Audio Elements
    • Mediaplayer
  • Video and Animation
    • Videoplayer
    • Caption
    • Audiodescription
    • Full-Text Alternative
    • Embed Video
  • Interactive Elements
    • Accordeon
    • Interactive Image
    • Map
    • Buttons
    • Form Fields
    • Custom Elements
    • JSX-Graph
  • PDF
    • Export PDF Document
    • Post-Processing with Adobe Acrobat Pro
    • Accessibility Check
  • Course layout
    • Stylesheets (CSS)
    • Scripts (JS)
  • Accessibility Testing
  • Upload Accessibility Statement to LMS
    • Create
    • Update

Interactive Image

The following criteria are taken from the checklist:
  • The contrast between important areas is sufficient: at least 3:1.
  • Text is inserted as such and is not integrated as a graphic.
  • Overlay images are not used.

All criteria for images and graphics apply. Further information on this can be found in the manual entry on Images and Graphics .
To ensure that interactive content is accessible, the displayed content must not close automatically after a certain time.

Overlay images cannot be opened using the keyboard and are therefore not accessible to people with visual or motor impairments.
In addition, they can only be explored with the mouse if the image area of overlay images is identical to the trigger area. However, this is important for people with visual impairments who view courses with a large magnification.

Barriers of the Interactive Image
  • If the course is operated using the keyboard, the clickable areas of interactive images are only reached at the end. This does not correspond to the visible sequence and can confuse users of assistive technologies (such as screen readers).
  • No alternative text can be added for the background image and overlay images.

Criteria for displayed Content

  • No disappearance after a certain time
  • Can be closed without moving the focus (for example via the escape key or a confirmation via the same element for opening)
  • explorable with the mouse = content does not disappear when the mouse moves over it

Markup of Interactive Image

Due to the numerous barriers, interactive images should not be used!
If their use cannot be avoided, at least only content pop-ups should be used, as these have fewer barriers than overlay images.

BITV-Guidelines

  • Displayed content can be operated
  • Sufficient contrast of graphics and graphic control elements
  • Images of Text
State emblem of the Free State of Saxony: The lettering “Saxony” in black, below the stylized coat of arms of the Free State of Saxony in black on a white background. This measure is co-financed by tax funds on the basis of the budget approved by the Saxon state parliament.

v.0.11.1 - beta

  • Legal Notice
  • Data Protection
  • Accessibility
  • Checklist
  • Guidebook