Category:Text Art: Difference between revisions

From Game Making Tools Wiki
(Term info)
(note that the advice is for html)
 
(4 intermediate revisions by the same user not shown)
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 you're using HTML:
* 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==


* [[wikipedia:ASCII art]]
* [[wikipedia:ASCII art]]
* [[wikipedia:ANSI art]]
* [[wikipedia:ANSI art]]
* [[wikipedia:Shift_JIS art]]
* [[wikipedia:Shift_JIS art]]
* [https://picoe.ca/products/pablodraw/ PabloDraw] - ASCII and ANSI art viewer.
* [https://polyducks.co.uk/pages/what-is-textmode/ 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.
* https://www.kreativekorp.com/software/fonts/ksquare/
* https://adelfaure.net/tools/jgs/


[[Category:Graphics]]
[[Category:Graphics]]

Latest revision as of 09:40, 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 you're using HTML:

  • 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 the aria-labelledby="[id]" or aria-describedby="[id]" attributes to point to the id on an element that has a description, for example a <figcaption>

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.