W3C home > Mailing lists > Public > www-archive@w3.org > September 2011

making svg content keyboard focusable

From: Steve Faulkner <faulkner.steve@gmail.com>
Date: Mon, 26 Sep 2011 11:02:09 +0100
Message-ID: <CA+ri+VmJrzFCVwc1--BW3Ow_CTB2jhWdm5nSuDsWAAD2xuHrAg@mail.gmail.com>
To: Doug Schepers <schepers@w3.org>
Cc: www-archive <www-archive@w3.org>
Hi Doug,

I have been looking at SVG a bit and trying to work out how to make a shape
keyboard focusable.

for example using a link: works in IE not in firefox (windows):

<svg width="5cm" height="3cm" viewBox="0 0 5 3"
     xmlns="http://www.w3.org/2000/svg">
  <desc>Example link01 - a link on an ellipse
  </desc>
  <rect x=".01" y=".01" width="4.98" height="2.98"
        fill="none" stroke="blue"  stroke-width=".03"/>
  <a xlink:href="http://www.w3.org">
    <ellipse cx="2.5" cy="1.5" rx="2" ry="1"
             fill="red" />
  </a>
</svg>

I thougfht maybe that addtion of tabindex could make it work:

<rect x=".01" y=".01" width="4.98" height="2.98"
        fill="none" stroke="blue"  stroke-width=".03" tabindex="0" />

but it dosn't

can you point me to any examples/ documents that provide clear info on how
to do it?



-- 
with regards

Steve Faulkner
Technical Director - TPG

www.paciellogroup.com | www.HTML5accessibility.com |
www.twitter.com/stevefaulkner
HTML5: Techniques for providing useful text alternatives -
dev.w3.org/html5/alt-techniques/
Web Accessibility Toolbar - www.paciellogroup.com/resources/wat-ie-about.html
Received on Monday, 26 September 2011 10:03:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 7 November 2012 14:18:39 GMT