[jen729w]

They don’t. You should aria-label it thus:

    role="img"
    aria-label="A styled box using monospace box-drawing characters. Its header is 'area complete', and there's a link to a forum post."

(Happy to be corrected/updated here, I am not an a11y expert. I am a very happy Monodraw customer though!)

[billyp-rva]

Would this tell the screen reader to just ignore it? Then you'd lose all accessibility for its content.

[jen729w]

I believe role=“img” tells it to behave like one, causing the descriptive text to be read out in its place.

[billyp-rva]

Yeah, that seems bad. The whole point of the diagram was to explain something better than prose could, and now it is lost. I'm thinking the case were someone can make out the shapes/arrows/colors well, but not the text.

[jen729w]

In my case, that's not why I'm using the diagram. It's simply a visual thing, to break up a page of text. Purely aesthetic.

[cestith]

The aria-label would be used to describe the content.