(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: I...") |
No edit summary |
||
| Line 1: | Line 1: | ||
'''<big>Text formatting</big>''' | |||
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 9: | Line 12: | ||
Please note: The ticket can only be validated before starting the journey. To do this, use the ticket validators on the platforms. | 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. | The following colors can be selected barrier-free using the visual editor. | ||
*<span class="col-red">red</span> | *<span class="col-red">red</span> | ||
| Line 15: | Line 24: | ||
*<span class="col-blue-navy">navy</span> | *<span class="col-blue-navy">navy</span> | ||
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. | 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. | ||
'''<big>Graphic integration</big>''' | |||
The alternative text for graphics is specified when inserting an image. | The alternative text for graphics is specified when inserting an image. | ||
[[File:infografik_produktivität.jpg | [[File:infografik_produktivität.jpg|350x350px]] | ||
[[File:flourish-dekografik.png | |||
The default language of this page is English. The following sentence is marked as German: | '''<big>Decorative graphic</big>''' | ||
Quotes are formatted using the blockquote tag:<blockquote>Whichever path you take, it will lead you infallibly to water.</blockquote> | |||
[[File:flourish-dekografik.png|300x300px|link=]] | |||
'''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. | |||
'''<big>Quotes</big>''' | |||
Quotes are formatted using the blockquote tag:<blockquote>Whichever path you take, it will lead you infallibly to water.</blockquote>Links | |||
This is a [[Main page|link to a wiki page]]. | This is a [[Main page|link to a wiki page]]. | ||
This is a [https://www.google.de link to an external page]. | This is a [https://www.google.de link to an external page]. | ||
'''<big>Table examples</big>''' | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|+Table with heading row and heading column | |+Table with heading row and heading column | ||
| Location | |||
|Country | |||
|Sales | |||
|Year | |||
|- | |- | ||
|Munich | |||
|Germany | |Germany | ||
|$150,000.00 | |$150,000.00 | ||
|2024 | |2024 | ||
|- | |- | ||
|Berlin | |||
|Germany | |Germany | ||
|$250,000.00 | |$250,000.00 | ||
|2024 | |2024 | ||
|- | |- | ||
|Hamburg | |||
|Germany | |Germany | ||
|$85,000.00 | |$85,000.00 | ||
|2024 | |2024 | ||
|- | |- | ||
|Prague | |||
|Czech Republic | |Czech Republic | ||
|$180,000.00 | |$180,000.00 | ||
|2024 | |2024 | ||
|- | |- | ||
| Prague | |||
|Czech Republic | |Czech Republic | ||
|$40,000.00 | |$40,000.00 | ||
|2023 | |2023 | ||
|- | |- | ||
|Salzburg | |||
|Austria | |Austria | ||
|$45,000.00 | |$45,000.00 | ||
| Line 69: | Line 104: | ||
{| class="wikitable" | {| class="wikitable" | ||
|+Table with merged cells | |+Table with merged cells | ||
|Item | |||
|Quantity | |||
|Cost | |||
|- | |- | ||
| Bread | |||
|0.3 kg | |0.3 kg | ||
|$0.65 | |$0.65 | ||
|- | |- | ||
|Butter | |||
|0.125 kg | |0.125 kg | ||
|$1.25 | |$1.25 | ||
|- | |- | ||
| colspan="2" |Total | |||
|$1.90 | |$1.90 | ||
|} | |} | ||
'''<big>Content Droplets</big>''' | |||
'''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 <nowiki><strong> element in order to place the emphasis on the beginning of a sentence.</nowiki> | 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 <nowiki><strong> element in order to place the emphasis on the beginning of a sentence.</nowiki> | ||
{{Textbox|boxtype=warning|header=Warning!|text=<strong>Never</strong> pour hot water into the container.|icon=yes}} | {{Textbox|boxtype=warning|header=Warning!|text=<strong>Never</strong> pour hot water into the container.|icon=yes}} | ||
'''Link as a button''' | |||
Links can also be displayed in the style of a button. | Links can also be displayed in the style of a button. | ||
{{ButtonLink|external=no|target=Main page|label=To the main page|format=blue}} | {{ButtonLink|external=no|target=Main page|label=To the main page|format=blue}} | ||
'''Symbols''' | |||
Symbols that are purely decorative are formatted using CSS. | Symbols that are purely decorative are formatted using CSS. | ||
{{Icon|bi bi-people|1.2em||}} List of employees | {{Icon|bi bi-people|1.2em||}} List of employees | ||
Latest revision as of 14:43, 21 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.
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
| 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 |
| 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.
Link as a button
Links can also be displayed in the style of a button.
Symbols
Symbols that are purely decorative are formatted using CSS.
List of employees
