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