Category:Text Art: Difference between revisions
From Game Making Tools Wiki
(font links) |
(Accessibility - HTML markup tips) |
||
| Line 1: | Line 1: | ||
Category for tools that create images with text. ASCII art, ANSI art, etc. Often it's called by one of those more specific terms, especially 'ASCII Art', sometimes text art or textmode art. | Category for tools that create images with text. ASCII art, ANSI art, etc. Often it's called by one of those more specific terms, especially 'ASCII Art', sometimes text art or textmode art. | ||
==Accessibility== | |||
Text art can obviously be a mess for {{jargon|Screenreader|screenreaders}} to interpret. Here're some tips to make it more accessible: | |||
* If it's just decorative, you can add <code>aria-hidden="true"</code> to the <code><nowiki><pre></nowiki></code> element, which will hide it. | |||
* If you're using text art to represent text you can add <code>aria-label="[text]"</code> to tell the screenreader what the text says. | |||
* If it's an image you can use <code>role="img"</code> to tell the screenreader. | |||
* If your drawing's inside a <code><nowiki><figure></nowiki></code> you can use the <code>aria-labelledby="[id]"</code> or <code>aria-describedby="[id]"</code> attributes to point to the id on an element that has a description, for example a <code><nowiki><figcaption></nowiki></code> | |||
==Links== | ==Links== | ||
Revision as of 09:39, 19 July 2024
Category for tools that create images with text. ASCII art, ANSI art, etc. Often it's called by one of those more specific terms, especially 'ASCII Art', sometimes text art or textmode art.
Accessibility
Text art can obviously be a mess for screenreaders to interpret. Here're some tips to make it more accessible:
- If it's just decorative, you can add
aria-hidden="true"to the<pre>element, which will hide it. - If you're using text art to represent text you can add
aria-label="[text]"to tell the screenreader what the text says. - If it's an image you can use
role="img"to tell the screenreader. - If your drawing's inside a
<figure>you can use thearia-labelledby="[id]"oraria-describedby="[id]"attributes to point to the id on an element that has a description, for example a<figcaption>
Links
- wikipedia:ASCII art
- wikipedia:ANSI art
- wikipedia:Shift_JIS art
- PabloDraw - ASCII and ANSI art viewer.
- What is textmode? - Page with good general info on text art and some links.
Fonts
Fonts specifically made to make text art look good (square fonts, for example), and/or to reproduce those from particular computers.
Pages in category "Text Art"
The following 10 pages are in this category, out of 10 total.
