Print

Print


Hi Kun,

Do you also have a Legend accompanying your floor maps with textual description matching location information (i.e floor number) and labels?
If you do not convert the text into an image it should be accessible.

Best regards,
____________________

Guita Lamsechi, PhD MI
(she, her, hers)
[log in to unmask]<mailto:[log in to unmask]>

On Aug 12, 2021, at 12:34, Kun Lin <[log in to unmask]<mailto:[log in to unmask]>> wrote:

EXTERNAL EMAIL:

I am creating a floor map in SVG. I thought I could add alt text to each region so that screen reader could read each region. But apparently not. According to this website: https://www.a11y-101.com/development/svg

All you could do in SVG is add a title and description. Most screen reader won’t go into SVG.
Kun

From: Guita Lamsechi
Sent: Wednesday, August 11, 2021 3:20 PM
To: [log in to unmask]<mailto:[log in to unmask]>
Subject: Re: [CODE4LIB] Accessibility in SVG

Hi Kun,

If what you want are text labels inside the SVG files for your library floor map, add the text to the images areas but do not convert the text to raster or vector outlines.
Please feel free to provide additional clarification or reach out to me directly, if I can help.

Best,
Guita
____________________

Guita Lamsechi, PhD MI
(she, her, hers)
[log in to unmask]<mailto:[log in to unmask]><mailto:[log in to unmask]>

On Aug 11, 2021, at 17:58, Guita Lamsechi <[log in to unmask]<mailto:[log in to unmask]><mailto:[log in to unmask]>> wrote:

Hi Kun,
SVG includes two elements for providing short and long text descriptions: The “title” and “desc” elements. This link on text in an SVG file may be helpful:
https://www.tpgi.com/using-aria-enhance-svg-accessibility/

Best regards,
Guita
____________________

Guita Lamsechi, PhD MI
(she, her, hers)


On Aug 11, 2021, at 14:47, Kun Lin <[log in to unmask]<mailto:[log in to unmask]>> wrote:

EXTERNAL EMAIL:

Hi

Anyone has experience in creating accessible SVG floor map?  I am wondering
if there is a way to add descriptions in SVG to each block (path or rect).
Or I am being limited to the alt tag in HTML.



Thanks

Kun