Category:Text Art: Difference between revisions

From Game Making Tools Wiki
(Accessibility - HTML markup tips)
(note that the advice is for html)
 
Line 2: Line 2:


==Accessibility==
==Accessibility==
Text art can obviously be a mess for {{jargon|Screenreader|screenreaders}} to interpret. Here're some tips to make it more accessible:
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 it's just decorative, you can add <code>aria-hidden="true"</code> to the <code><nowiki><pre></nowiki></code> element, which will hide it.

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.