Hi Guita,

I don't know if it's useful to you, but I did something similar to this
when I worked for K-State Libraries, but instead of an SVG I created a
jQuery library that created a grid-based layout on top of an image. It also
allows grid blocks to be given common classes that regular HTML attributes
can be attached to. You can see an example here:
https://web.archive.org/web/20210303084132/https://www.lib.k-state.edu/stacksguide

and the library I built is here: https://github.com/techbrarian/grid-tron

Best regards,

*Jason Bengtson*


*http://www.jasonbengtson.com/ <http://www.jasonbengtson.com/>*


On Thu, Aug 12, 2021 at 11:35 AM Kun Lin <[log in to unmask]> wrote:

> 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]
> 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]>
>
> On Aug 11, 2021, at 17:58, Guita Lamsechi <[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
>