SVG labelling issue with ARIA

"Chaals McCathie Nevile" <[email protected]> Thu, 21 Apr 2016 09:46:10 +0200
Newsgroups gmane.comp.web.svg
Organization Yandex
Message-ID <[email protected]>
Hi,

SVG issue https://github.com/w3c/svgwg/issues/116 is an i18n issue:

if you use e.g.

<rect width="100" height="100" aria-labeledby="fr-title-1 en-title-1  
es-title-1">
   <title lang="fr" id="fr-title-1">Assez carré</title>
   <title lang="en" id="en-title-1">Sort of square</title>
   <title lang="es" id="es-title-1">Es quadrilateral por lo menos</title>
</rect>
The multilingual selection model won't work with the ARIA name  
calculation, as written today.

Note that the idea of using multiple titles is at risk since it isn't  
implemented in browsers. The mechanism that does work is to use  
systemLanguage:

   <switch>
    <circle r="50" cx="450" cy="100" fill="purple" systemLanguage="jp">
     <title>これは日本語です</title>
    </circle>
    <circle r="50" cx="450" cy="100" fill="purple" systemLanguage="ru">
     <title>Вот что-то по-русски</title>
    </circle>
    <circle r="50" cx="450" cy="100" fill="purple" systemLanguage="en">
     <title>This is english</title>
    </circle>
    <circle r="50" cx="450" cy="100" fill="purple" systemLanguage="fr">
     <title>Voici français, le defaut</title>
    </circle>
   </switch>

Which is pretty ugly where you have a real structure to maintain...

Running the <switch> just for the titles doesn't work in any browser  
either :(

cheers

Chaals

-- 
Charles McCathie Nevile - web standards - CTO Office, Yandex
  [email protected] - - - Find more at http://yandex.com