Test page WCAG: Difference between revisions

(Created page with "'''==Text formatting== Emphasis on stylistic emphasis such as bold or italic should be avoided, as they are not highlighted by default in screen readers. The text formatting that is often used to visually "scan" texts would result in undesirable overemphasis when using screen readers. Therefore, the formatting information is currently not taken into account by screen readers such as JAWS or NVDA. Nevertheless, it is possible to create such emphasis if required. Example:...")
Tag: 2017 source edit
 
No edit summary
Tag: 2017 source edit
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
'''==Text formatting==
==Text formatting==
Emphasis on stylistic emphasis such as bold or italic should be avoided, as they are not highlighted by default in screen readers. The text formatting that is often used to visually "scan" texts would result in undesirable overemphasis when using screen readers. Therefore, the formatting information is currently not taken into account by screen readers such as JAWS or NVDA.
Emphasis on stylistic emphasis such as bold or italic should be avoided, as they are not highlighted by default in screen readers. The text formatting that is often used to visually "scan" texts would result in undesirable overemphasis when using screen readers. Therefore, the formatting information is currently not taken into account by screen readers such as JAWS or NVDA.


Line 18: Line 18:
The alternative text for graphics is specified when inserting an image.
The alternative text for graphics is specified when inserting an image.


[[File:infographic_productivity.jpg|alternative text=Abstract graphic with working team members contributing parts of gears to the action.|350x350px]]
[[File:infografik_produktivität.jpg|alt=Abstract illustration of team members contributing parts of gears to the action.|350x350px]]
===Decorative graphic===
===Decorative graphic===
[[File:flourish-decographic.png|alt=|300x300px|link=]]
[[File:flourish-dekografik.png|alt=|300x300px|link=]]
===Language label===
===Language label===
The default language of this page is German. The following sentence is marked as German:<span lang="de" dir="ltr">Dieser Satz ist auf Deutsch geschrieben und entsprechend gekennzeichnet</span>.
The default language of this page is English. The following sentence is marked as German:<span lang="de" dir="ltr">Dieser Satz ist auf Deutsch geschrieben und entsprechend gekennzeichnet</span>.
===Quotes===
===Quotes===
Quotes are formatted using the blockquote tag:<blockquote>Whichever path you take, it will lead you infallibly to water.</blockquote>
Quotes are formatted using the blockquote tag:<blockquote>Whichever path you take, it will lead you infallibly to water.</blockquote>

Latest revision as of 17:06, 20 November 2024

Text formatting

Emphasis on stylistic emphasis such as bold or italic should be avoided, as they are not highlighted by default in screen readers. The text formatting that is often used to visually "scan" texts would result in undesirable overemphasis when using screen readers. Therefore, the formatting information is currently not taken into account by screen readers such as JAWS or NVDA.

Nevertheless, it is possible to create such emphasis if required. Example:

It is important to validate the ticket before starting the journey on the platform.

A better linguistic implementation would be:

Please note: The ticket can only be validated before starting the journey. To do this, use the ticket validators on the platforms.

Colors

The following colors can be selected barrier-free using the visual editor.

  • red
  • dark blue
  • navy

In the wiki, emphasis is generally not used in the body text using font colors. Accessible templates should be set up for the use of colored elements, for example for info boxes.

Graphic integration

The alternative text for graphics is specified when inserting an image.

Abstract illustration of team members contributing parts of gears to the action.

Decorative graphic

Language label

The default language of this page is English. The following sentence is marked as German:Dieser Satz ist auf Deutsch geschrieben und entsprechend gekennzeichnet.

Quotes

Quotes are formatted using the blockquote tag:

Whichever path you take, it will lead you infallibly to water.

Links

This is a link to a wiki page.

This is a link to an external page.

Table examples

Table with heading row and heading column
Location Country Sales Year
Munich Germany $150,000.00 2024
Berlin Germany $250,000.00 2024
Hamburg Germany $85,000.00 2024
Prague Czech Republic $180,000.00 2024
Prague Czech Republic $40,000.00 2023
Salzburg Austria $45,000.00 2024
Table with merged cells
Item Quantity Cost
Bread 0.3 kg $0.65
Butter 0.125 kg $1.25
Total $1.90

Content Droplets

Formatted message

Here the title "Warning!" is only visually bold (via CSS), since the word selection itself already emphasizes the content. The word "Never" in the text, however, was deliberately highlighted by the author using a <strong> element in order to place the emphasis on the beginning of a sentence.

Warning!Never pour hot water into the container.

Link as a button

Links can also be displayed in the style of a button.

To the main page

Symbols

Symbols that are purely decorative are formatted using CSS.

List of employees



To submit feedback about this documentation, visit our community forum.