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 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.