Formatting Audio Elements

The following criteria are taken from the checklist:
  • Sounds longer than 3s will not play automatically or can be turned off.

Auto-playing audio can be disruptive or startling to users, especially those using screen readers. If you must auto-play, make sure to provide a clear stop or mute button.

Markup of Audio Elements

The following describes how you can integrate short audio elements directly into content pages. However, this does not work for longer audio elements. Use a material folder or podcast to provide these.

  1. Select 'Insert' from the menu bar and then 'Media'.
  2. Select the upload icon to the right of the input field for the source.
  3. Select 'Upload file'.
  4. Go to 'Select file' and select your audio file. Then click on 'Upload'.
  5. Finally, you can set the width and height of the audio player or go straight to 'Save'.
The following criteria are taken from the checklist:
  • Sounds longer than 3s will not play automatically or can be turned off.
  • The full screen view is not used.

Auto-playing audio can be disruptive or startling to users, especially those using screen readers. If you must auto-play, make sure to provide a clear stop or mute button.
The full-screen view cannot be accessed using the keyboard. Therefore, it cannot be accessed by people who can not use the mouse, including people with blindness and motor impairments.

Audio files cannot be played automatically in ILIAS. The criterion is therefore automatically fulfilled and not included in the checklist.

Insert Audio File

  1. Select your audio.
  2. Add a name and numbering as labels.
The following criteria are taken from the checklist:
  • Sounds longer than 3s will not play automatically or can be turned off.

Automatic audio playback can be annoying or frightening for users, especially for those who use screen readers. Therefore, only start your audio files on user input (click).

Realization of the criteria

  1. Menu bar: Insert > Media > Audio > Audio on my PC
  2. Menu bar: Playback > Audio Options > Start > "In Click Sequence" or "When Clicked on" (not "Automatically"!)
The following criteria are taken from the checklist:
  • Sounds longer than 3s will not play automatically or can be turned off.
Auto-playing audio can be disruptive or startling to users, especially those using screen readers. If you must auto-play, make sure to provide a clear stop or mute button.

Markup of Audio Elements

HTML tags: <audio>
The 'controls' attribute allows users to control audio playback, including play/pause, fast forward/rewind and volume.
                  
                      <audio controls src="audio.mp3" type="audio/mpeg">
                        Your browser does not support the audio element.
                      </audio>

BITV-Guidelines