Aria gridcell címke mindig üres belül SVG len

szavazat
3

Próbálom fejleszteni hozzáférhető Bar Chart. Mivel nincs hivatalos ARIA szerepet grafika csak még, úgy döntöttem, hogy adjunk role=grida saját SVG. A legtöbb dolog működik OK, de a gridcell mindig blank, amikor tesztelem az chart használata Voice Over.

Ez az codepen , hogy illusztrálja a diagram. És ez egy videót az én tesztelésénél Voice Over.

Ez hogyan állította- gridcellén rect tag:

<g className={barClass} role=gridcell aria-label={bar.count + ' ' + bar.fruit}>
  <rect width={bar.count * 10} height=19 y={20 * index}/>
</g>

Kérdés : Én csinálok valamit rosszul? Miért kommentár, nem ismeri az ária címkét?

UPDATE 1 : Én a Chrome és a Safari és a kérdés jelen van mindkét böngésző.

A kérdést 09/02/2016 17:51
felhasználó
Más nyelveken...                            


1 válasz

szavazat
0

Használja a <title>és <desc>elemek a aria-labeltulajdonság és a imgszerepe, mint a tartalék:

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
  "http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">
<svg width="6in" height="4.5in" viewBox="0 0 600 450">
  <title>Network</title>
  <desc>An example of a computer network based on a hub</desc>
<!-- add graphic content here, and so on for the other components-->
  </g>
  <g id="ComputerA" aria-label="computer A: A common desktop PC" role="img">
    <title>Computer A</title>
    <desc>A common desktop PC</desc>
  </g>
  <g id="ComputerB">
    <title>Computer B</title>
    <desc>A common desktop PC</desc>
  </g>
  <g id="CableA" aria-label="Cable A: 10BaseT twisted pair cables" role="img">
     <title>Cable A</title>
     <desc>10BaseT twisted pair cable</desc>
  </g>
  <g id="CableB">
    <title>Cable B</title>
    <desc>10BaseT twisted pair cable</desc>
  </g>
  <g id="CableN">
    <title>Cable N</title>
    <desc>10BaseT twisted pair cable</desc>
  </g>
</svg>

A legegyszerűbb módja annak, hogy adjon meg egy szöveges megfelelőt SVG grafika, hogy a következő elemeket tartalmazza bármely SVG tartályon vagy grafikus elem:

cím
    Biztosítja, olvasható címet az elem, amely tartalmazza azt. A cím elem tehetők egy grafikus felhasználói ágens, mint egy szerszám. Meg lehet tenni, mint a beszéd egy beszédszintetizátor.
desc
    Biztosítja a hosszabb teljesebb leírása olyan elem, amely tartalmazza azt. Szerzők kell leírást nyújt az összetett vagy egyéb tartalmat, amely a funkcionális értelme.

Irodalom

Válaszolt 06/09/2016 14:04
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more