Jump to main content
URZ Workshop „Creating websites with TUCAL“
Accessibility

Accessibility

Tips for accessible web design

The content of websites is often difficult or incomplete for people with disabilities to access. When creating websites, special requirements must therefore be taken into account in order to reduce these barriers. This includes, for example, designing the code of the pages in such a way that it can be interpreted with the help of special software (screen readers) for non-visual output, such as speech or the Braille line.

  • Check in the HTML editor, because valid HTML is half the battle.
    Use WFM as support
  • speaking link texts, e. g.
  • Stick to headline hierarchies (h1 › h2 › h3, adjust font size via CSS class if necessary)
  • Choose clear contrasts
    Tools assist in checking
  • Avoid empty paragraphs, do not use justified text
  • Always use images with alternative text (alt tag, leave empty for decorative images)
  • Use lists correctly
  • Use tables only for arranging data, not for visual arrangement/design
  • Publish videos with subtitles

Checking in the HTML editor

Use the existing checking tool in the TUCAL editor to create valid HTML.

See also Course exercise 2 / accessibility exercise – Example page with accessibility deficiencies

Screenshot from the TUCAL Editor with marker on the accessibility icon