This section is addressed to editors, authors and photo editors, i.e. all users who deal with the creation and maintenance of content on the TU Freiberg website. Normally, the editor of the content management system Drupal is used for this purpose. Its functions are implemented in such a way that, when used correctly, no gross violations of the guidelines for accessible websites should occur. Therefore, we also recommend the use of this editor and discourage direct editing of the HTML source code. Nevertheless, users need to consider some points when creating content, for which we provide a short checklist here. Under each section, the respective criterion is mentioned in WCAG 2.1.
Headings
For the outline of content, headings are to be used. Other formatting, such as bold or underlining, is strictly prohibited for outlining purposes, otherwise they cannot be recognized as headings by a screen reader.
The first heading of a page is of first order and corresponds to the page title. For further hierarchical structuring, the user can choose between second, third and fourth order headings. It is important that the headings are graded according to their order. A fourth-order heading must never directly follow a second-order heading.
1.3.1 Info and Relationships: Information, structure, and relationships conveyed via the presentation can be determined by software or are available in text form. (Level A)
2.4.6 Headings and Labels: Headings and labels describe a topic or purpose. (Level AA)
2.4.10 Section headings: Section headings are used to organize content. (Level AAA)
Language
Language selection
A text should generally be written in only one language. Even if this language is obvious to a sighted reader, it must still be specified at the beginning of the page's source code. This can be set via a menu item during page creation with Drupal. If the content is only provided in German, the pre-selected language-neutral option is sufficient. For pages that are put online in multiple languages, the respective language must be specified.
3.1.1 Page language: The default human language of each web page can be determined by software. (Level A)
3.1.2 Language of Parts: The human language of each section or sentence in the content may be determined by software except for proper nouns, technical terms, words of obscure language, and words or phrases that have become part of the jargon of the immediately surrounding text. (Level AA)
Light language
Also, make sure that you use light and simple language to present the content. Additional explanations are needed for more difficult content. Avoid overuse of inserts and nested sentences. Try to structure the content well to keep the reading flow as high as possible. Use well-chosen headings to structure. If there are recurring elements on your pages, be sure to use consistent naming.
3.1.3 Unusual Words: There is a mechanism to recognize special definitions of words or phrases used in unusual or restricted ways, idioms and jargon included. (Level AAA)
3.1.5 Reading Level: After the removal of proper nouns and titles, if the text requires reading skills beyond the low, secondary school level, there is supplemental content or a version that does not require reading skills beyond the low, secondary school level. (Level AAA)
3.1.6 Pronunciation: There is a mechanism for recognizing the specific pronunciation of words when the meaning of the words - in context - is ambiguous if one does not know the pronunciation. (Level AAA)
Abbreviations
For abbreviations, note the following: The first time an abbreviation appears in the text, it should be written out, followed by the abbreviated form in parentheses. Example: University Computing Center (URZ). This is not necessary if the abbreviation is a part of everyday language and the short form is more common than the written-out variant.
3.1.4 Abbreviations: There is a mechanism for recognizing the written-out form or meaning of abbreviations. (Level AAA)
Images and graphics
For visually impaired or blind users, it is mandatory that images and graphics are provided with a suitable text alternative. For this purpose, HTML provides the so-called Alt tag, the use of which is described in the Instructions: Alt tag.
1.1.1 Non-text content:All non-text content presented to the user has a text alternative that serves an equivalent purpose, except for the situations listed below. (Level A)
- Controls, Input: If the non-text content is a control or accepts input from the user, then it has a name that describes its purpose. (See Guideline 4.1.2 for additional requirements for controls and content that accepts input from the user.)
- Time-based media: If the non-text content is time-based media, then text alternatives provide at least a descriptive identification of the non-text content. (See Guideline 1.2 for additional requirements for media.)
- If the non-text content is a test or exercise that would be void if presented as text, then text alternatives provide at least a descriptive identification of the non-text content.
- Sensory: If non-text content is primarily intended to create a specific sensory experience, then text alternatives provide at least a descriptive identification of the non-text content.
- CAPTCHA: If the purpose of the non-text content is to confirm that a person and not a computer is accessing the content, then text alternatives are provided that identify the purpose of the non-text content. Also, alternative forms of CAPTCHAs are provided that use output forms for different types of sensory perception to accommodate different disabilities.
- Decoration, Formatting, Invisible: If the non-text content is purely decoration, is used only for visual formatting, or is not presented to the user at all, then the content is implemented in such a way that it can be ignored by assistive technology.
1.4.9 Images of a text (no exception): Images of a text are used purely for decoration or when a particular presentation of text is indispensable for the information to be conveyed. (Level AAA)
Audio and video files
1.2.1 Audio-only and video-only content (recorded):The following applies to recorded audio-only and recorded video-only media, unless the audio or video media is a media alternative for text and is clearly identified as such: (Level A)
- Recorded audio-only content: an alternative is provided for time-based media that provides equivalent information for recorded audio-only content.
- Recorded video-only content: either an alternative is provided for time-based media or an audio track is provided that provides equivalent information for recorded video-only content.
1.2.2 Subtitles (recorded): Subtitles are provided for all recorded audio content in synchronized media, unless the media is a media alternative for text and is clearly identified as such. (Level A)
1.2.3 Audio description or media alternative (recorded): A time-based media alternative or audio description of recorded video content is provided for synchronized media, unless the media is a media alternative for text and clearly labeled as such. (Level A)
Links
Also when setting links of mistakes are made, which limit the accessibility. The following should be noted here:
- The user should know from just looking at it (i.e. without clicking or hovering the mouse over it), to which destination a certain link leads him.
- The destination of the link should always be recognizable from the context.
- Optimally, the destination is also recognizable without context and only through the link text. (optional)
- A simple "click here" or similar is not sufficient as descriptive text. Instead, the target must be named, for example with "For more information, please visit the website of TU Freiberg".
- Automatically opening links in a new tab or window should be avoided and left to the user
For more information, see the instructions for creating link texts.
2.4.4 Link Purpose (in Context): The purpose of each link may be determined by the link text alone or by the link text together with its link context as determined by software except in cases where the purpose of the link would be ambiguous to users in general. (Level A)
2.4.9 Link purpose (pure link): There is a mechanism to identify the purpose of each link by the link text alone, except where the link purpose would be ambiguous to users in general. (Level AAA)
Tables
Tables may only be used to display data. Use for visual arrangement or structuring of content is strictly prohibited. Incorrect use of tables can lead to significant problems when using screen readers, but other output devices such as smartphones may also not be able to display the content properly.
1.3.1 Info and relationships: Information, structure, and relationships conveyed via the display can be determined by software or are available in text form. (Level A)
Listen
Enumerations are structured by ordered or unordered lists, not by line breaks or with manual hyphens. As with tables, note that lists should not be used as layout substitutes.
1.3.1 Info and Relationships: Information, structure, and relationships conveyed via presentation can be determined by software or are available in text form. (Level A)
Quotes
For citations, the Drupal editor provides the citation block element. This should accordingly also be used to ensure consistent representation.
1.3.1 Info and relationships: Information, structure and relationships conveyed via the representation can be determined by software or are available in text form. (Level A)
3.2.4 Consistent Recognition: Components with the same functionality within a set of web pages are recognized consistently. (Level AA)
Navigation
For the central pages of the Bergakademie, for the faculties and for the institutes, there are clear specifications for the navigation structure. Please also ensure that the menu items on your pages are structured in a sensible way so that the page visitor can quickly find the information they are looking for.
3.2.3 Consistent navigation: Navigation mechanisms that are repeated on multiple web pages within a set of web pages occur in the same relative order each time they are repeated, unless a change is triggered by the user. (Level AA)