<?xml version="1.0" encoding="utf-8"?>
<feed xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xml:lang="en-us" xmlns="http://www.w3.org/2005/Atom">
  <title>ButtercupReader</title>
  <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/" />
  <link rel="self" href="http://www.buttercupreader.net/blog/SyndicationService.asmx/GetAtom" />
  <icon>favicon.ico</icon>
  <updated>2009-10-20T10:50:32.67277+13:00</updated>
  <author>
    <name>Intergen</name>
  </author>
  <subtitle>Blog</subtitle>
  <id>http://www.buttercupreader.net/blog/</id>
  <generator uri="http://dasblog.info/" version="2.3.9074.18820">DasBlog</generator>
  <entry>
    <title>Small ButtercupReader Update</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/10/19/SmallButtercupReaderUpdate.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,d61b462f-4740-478d-8cc8-9de8008aaa55.aspx</id>
    <published>2009-10-20T10:50:32.67277+13:00</published>
    <updated>2009-10-20T10:50:32.67277+13:00</updated>
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <category term="Silverlight" label="Silverlight" scheme="http://www.buttercupreader.net/blog/CategoryView,category,Silverlight.aspx" />
    <author>
      <name>Andrew Tokeley</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
If you’ve recently tried to access ButtercupReader using the latest version of Silverlight
(3.0) you may have noticed that your book doesn’t play immediately. This slight hitch
has been fixed and <a href="http://www.buttercupreader.net">www.buttercupreader.net</a> has
been updated.
</p>
        <p>
This fix is already part of the source code located at <a href="http://buttercupreader.codeplex.com">http://buttercupreader.codeplex.com</a>.
</p>
        <p>
Cheers
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=d61b462f-4740-478d-8cc8-9de8008aaa55" />
      </div>
    </content>
  </entry>
  <entry>
    <title>ButtercupReader is on CodePlex</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/09/28/ButtercupReaderIsOnCodePlex.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,bfe8f741-c59a-4e05-a8f4-cfb24eb17436.aspx</id>
    <published>2009-09-29T10:47:38.527+13:00</published>
    <updated>2009-09-29T10:47:38.5278409+13:00</updated>
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <author>
      <name>Chris Auld</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">If you're interested in looking a bit deeper
in to how we used Silverlight to produce ButtercupReader then head on over to CodePlex
and get the source code. We'd love to hear your feedback and hopefully get more people
involved in moving the project forward.<br /><br /><a href="http://buttercupreader.codeplex.com">http://buttercupreader.codeplex.com</a><br /><br /><p></p><img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=bfe8f741-c59a-4e05-a8f4-cfb24eb17436" /></div>
    </content>
  </entry>
  <entry>
    <title>Making The Source Code Available – Your Input Wanted</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/05/05/MakingTheSourceCodeAvailableYourInputWanted.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,5c2ff832-8d1a-4cb4-9393-e71da1880f45.aspx</id>
    <published>2009-05-05T14:30:10.5643979+12:00</published>
    <updated>2009-05-05T14:30:10.5643979+12:00</updated>
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <author>
      <name>Chris Auld</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
So we’ve always planned to make the source code available for Buttercup. Now it’s
time to think a bit more about how exactly we go about that. Given the nature of the
project there are a few things to think about.
</p>
        <p>
We’ve really got two key goals that we’re looking to achieve by shipping the source.
</p>
        <ol>
          <li>
We want people to learn from our code and be able to make their own Silverlight apps
accessible. This probably won’t involve reuse of a lot of our code, but, it will probably
see you pouring through the app getting ideas.</li>
          <li>
We want Buttercup to live on, grow and continue to be developed. To get this to happen
we really need to build up a bit of a community of enthusiasts to work on it. That’ll
involve some of the original team but it’s going to need a bunch of ‘new blood’ to
help drive things along too.</li>
        </ol>
        <p>
So my current thinking is to release the source code via a <a href="http://www.codeplex.com">CodePlex</a> project.
We (the <a href="http://www.twitter.com/teamintergen">Intergen team</a>) will probably
take the role of project administrators for the first wee while and will probably
look to vet initial patches into the source tree. We’ll then look to bring on other
developers and project leaders nice and quickly.
</p>
        <p>
So I’ve got a few questions for our interested community.
</p>
        <ol>
          <li>
Shall we make the code available now? Or should we wait until we’ve ported it to Silverlight
3.0?</li>
          <li>
What licences do you prefer? I’d like to use one of the <a href="http://www.opensource.org/licenses/">OSI
approved licenses</a> and ideally something that <strong>is not</strong><a href="http://en.wikipedia.org/wiki/Copyleft">Copyleft</a>.
Current leanings are <a href="http://en.wikipedia.org/wiki/BSD_licenses">BSD</a>, <a href="http://en.wikipedia.org/wiki/MIT_License">Modified
MIT</a> and <a href="http://en.wikipedia.org/wiki/Shared_source#Open_Source_licenses">MS-PL</a>.
But I’d love to hear from the community interested in Buttercup what your thoughts
are.</li>
          <li>
Are you interested in being involved in the on-going development of Buttercup? It’s
a Silverlight 2.0 application written in C#.</li>
        </ol>
        <p>
Please use the comments to provide some feedback. We look forward to hearing from
you.
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=5c2ff832-8d1a-4cb4-9393-e71da1880f45" />
      </div>
    </content>
  </entry>
  <entry>
    <title>Silverlight and the New Zealand Government Web Standards 2.0</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/04/30/SilverlightAndTheNewZealandGovernmentWebStandards20.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,f2c84d27-c115-4293-8106-25be71e2b3ac.aspx</id>
    <published>2009-05-01T09:23:36.1583835+12:00</published>
    <updated>2009-05-01T09:23:36.1583835+12:00</updated>
    <author>
      <name>Andrew Tokeley</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
        </p>
        <p>
        </p>
        <p>
I recently presented an <a href="http://www.intergen.co.nz/" target="_blank">Intergen</a> Twilight
Session on building applications using <a href="http://silverlight.net">Silverlight</a> while
remaining compliant with the latest version of the  <a href="http://www.webstandards.govt.nz/" target="_blank">New
Zealand Government Web Standards</a>. I’ve posted the <a href="http://andrewtokeley.net/Images/andrewtokeley_net/Downloads/SilverlightAndAccessibility.zip" target="_blank">slides
and demos here</a>.
</p>
        <p>
        </p>
        <p>
        </p>
        <p>
Version 2.0 of the standards was released March 2009. The standards are now aligned
with W3C's WCAG2.0 standards, level AA, plus some additional NZ specific technical
standards. Aligning with WCAG 2.0 is a great step as there is a wealth of information
and tools out there. 
</p>
        <p>
One of the interesting NZ amendments to the WCAG standards (regarding Silverlight
at least) is in relation to the use of web technologies in general. The WCAG 2.0 standard
states.
</p>
        <blockquote>
          <p>
            <a href="http://www.w3.org/TR/WCAG20/#conformance-reqs" target="_blank">Conformance
Requirements (WCAG 2.0)</a>
          </p>
          <p>
4. Only Accessibility-Supported Ways of Using Technologies: Only <a href="http://www.w3.org/TR/WCAG20/">accessibility-supported</a> ways
of using <a href="http://www.w3.org/TR/WCAG20/">technologies</a> are <a href="http://www.w3.org/TR/WCAG20/">relied
upon</a> to satisfy the success criteria. Any information or functionality that is
provided in a way that is not accessibility supported is also available in a way that
is accessibility supported.
</p>
        </blockquote>
        <p>
"Accessibility Supported” is <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head" target="_blank">defined
as</a>,
</p>
        <blockquote>
          <p>
First, the technologies must be designed in a way that user agents including assistive
technologies could access all the information they need to present the content to
the user. Secondly, the user agents and assistive technologies may need to be redesigned
or modified to be able to actually work with these new technologies.
</p>
        </blockquote>
        <p>
However, the <em>level</em> of assistive technology support needed for accessibility
support has not been defined and is described as a “complex topic” and puts the responsibility
on the wider community to establish what is acceptable.
</p>
        <p>
The New Zealand Government Web Standards take a more conservative approach.
</p>
        <blockquote>
          <p>
            <a href="http://www.webstandards.govt.nz/technical/#may" target="_blank">2.2 Technologies
which may be used but not relied on</a>
            <a>
            </a>
          </p>
          <p>
Scripts, applets and other programmatic objects. Information or services in webpages
or applications must be available without scripts, applets and other programmatic
objects. This includes Flash, Silverlight, Java and Javascript.
</p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
          <p>
          </p>
        </blockquote>
        <p>
So this means that regardless of the accessibility features of Silverlight it can
not be relied on to provide access to content and services and an alternative must
be provided. 
</p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
In many cases this isn’t too much of an issue. For example, it’s pretty straight forward
providing access to a video transcript if the Silverlight plug-in has not been installed
on a user’s browser. However, in more complex scenarios the cost of providing an alternative
will be prohibitively expensive – it’s hard enough building software within existing
budgets without having to double the development effort. There are approaches that
can be taken and I’ll post some over the next few weeks.
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=f2c84d27-c115-4293-8106-25be71e2b3ac" />
      </div>
    </content>
  </entry>
  <entry>
    <title>Text to Speech and Variable Speed Playback – Some Thoughts</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/04/28/TextToSpeechAndVariableSpeedPlaybackSomeThoughts.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,65fdb500-86a8-46bd-80f2-11ccaff4207d.aspx</id>
    <published>2009-04-28T13:37:31.7133499+12:00</published>
    <updated>2009-04-28T13:37:31.7133499+12:00</updated>
    <category term="Silverlight" label="Silverlight" scheme="http://www.buttercupreader.net/blog/CategoryView,category,Silverlight.aspx" />
    <author>
      <name>Chris Auld</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
So, one of the cool things we aimed for with Buttercup was ensuring that we not only
worked well with screen readers, but, that we worked well without screen readers too.
If you think about scenarios like the public library, chances are they will not have
a screen reader installed but Silverlight is a much better probability.
</p>
        <p>
To achieve this we wanted to support the idea of a self voicing UI. We did this, but,
it comes with <a href="http://www.buttercupreader.net/userGuide.html#texttospeech">quite
a few caveats</a>. This includes the fact that it only works in Internet Explorer
and even then you’ve got to do some security acrobatics to enable the Active X calls
that we make.
</p>
        <p>
I’ve been kicking around a few ideas of how we might improve the self voicing experience.
I’m big on doing this because it’s inherently re-usable functionality. if we can get
cross browser self voicing working it’ll allow us to ‘Self Voice’ not only Silverlight
applications but also plain old HTML apps as well.
</p>
        <p>
So, some of the thoughts I’ve had:
</p>
        <ul>
          <li>
Pre recorded MP3s for UI elements. Basically we’ll create an MP3 to be played by the
UI when you button hover or field focus. 
<br />
This is pretty easy to achieve, but, it has a few draw backs too. We will only be
able to support static speech- if you run a search in Buttercup today we’ll actually
speak the result count back to you. Using pre-recorded MP3s is also a fairly time
consuming process- we’ll either need to use voice talent, or generate each MP3 using
a synthesizer and package it up. Sure we could probably build a tool that used reflection
to interrogate the UI Automation tags and then created the speech files. But, overall
this still feels a bit fugly to me.</li>
          <li>
Calling up to the server. We could make a web service call to the server passing up
the speech we’d like generated. We could then use one of the variety of Text to Speech
generators server side to create a speech MP3 to be returned to the client. We’d obviously
do some caching on the client and probably push this cached data into isolated storage
to persist across runs. This gets us around the dynamic generation limitations from
above, but, gives us a server side dependency which is something we’ve thus far managed
to avoid in Buttercup- we really want people to just be able to grab the Buttercup
*.xap file and stick it on their site. Making server calls doesn’t really suit this
model. I’m also not 100% on whether the latency will be tolerable- realistically we’re
probably talking 3000ms at a minimum. I think if we did go this way it’s probably
only be a stop gap and we might just run the speech gen service in say <a href="http://www.azure.com">Windows
Azure</a>.</li>
          <li>
Generating the Speech in Silverlight. This is kind of the nirvana. In Silverlight
2.0 (which is what Buttercup is currently built in) we just can’t do it. But, <a href="http://silverlight.net/GetStarted/silverlight3/default.aspx">Silverlight
3</a> we have the ability to use the new <a href="http://timheuer.com/blog/archive/2008/10/01/mediastreamsource-sample-with-source-code.aspx">MediaStreamSource</a> and
this might just let us do some sort of Audio generation. I think that we’d probably
need to look at porting an existing open source TTS engine to C# managed code and
then surfacing this into Silverlight. I’d love to get feedback from anyone who has
had good or bad experiences with any of the open source TTS engines.</li>
        </ul>
        <p>
Now that 3rd point got me thinking about another <a href="http://www.talkinginterfaces.org/2009/03/20/spring-flowers-bloom-early-daisy-and-buttercup/">commonly
requested feature</a>- variable speed playback. The Silverlight 3 Beta doesn’t support
variable speed MP3 playback and it doesn’t look like it’s a feature that we’ll get
in this release. It might be possible, though, to build a custom MP3 decoder to support
this feature- maybe a port of <a href="http://robburke.net/mle/mp3sharp/">MP3Sharp</a>.
</p>
        <p>
Anyway, that’s my braindump for today. I know that Andrew Tokeley will have some interesting
samples to post after his <a href="http://www.intergen.co.nz/News-Events/Intergen-Twilight-Seminars/Silverlight-and-Accessibility-Wellington/">Twilight
Session</a> tomorrow. I’d love to hear in the comments if people have other ideas
for the above problems.
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=65fdb500-86a8-46bd-80f2-11ccaff4207d" />
      </div>
    </content>
  </entry>
  <entry>
    <title>ButtercupReader, Silverlight and Accessibility</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/03/29/ButtercupReaderSilverlightAndAccessibility.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,23634009-54f4-4521-98a7-b5c6f0325228.aspx</id>
    <published>2009-03-29T13:26:13.0729567+13:00</published>
    <updated>2009-03-29T13:26:13.0729567+13:00</updated>
    <category term="Accessibility" label="Accessibility" scheme="http://www.buttercupreader.net/blog/CategoryView,category,Accessibility.aspx" />
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <author>
      <name>Andrew Tokeley</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
I thought I’d give an overview of some of the accessibility features we included in
the first demo release of ButtercupReader. 
</p>
        <p>
 
</p>
        <h1>Web Standards and Accessibility
</h1>
        <p>
One of the interesting aspects of this project is that, while we have built a highly
accessible application, it does not comply with <a href="http://www.e.govt.nz/standards/web-guidelines/" target="_blank">New
Zealand Government Web Standards</a> (nor, I suspect, with any other country’s guidelines).
</p>
        <p>
In New Zealand, like other countries, we have a set of accessibility guidelines 
we have to follow when building web sites for government departments and agencies.
The goal of such guidelines is pretty clear - to make web applications accessible
to as wide an audience as possible without disadvantaging those with disabilities. 
</p>
        <p>
Of course, no-one’s going to disagree with the intent of these standards – but, as
a developer of web applications I am often frustrated by the user experience I’d like
to provide to my users but can’t. The web is a restrictive medium at the best of times
but not being able to rely on, for example, JavaScript (<a href="http://webstandards.govt.nz/13-1-pages-usable-when-scripts-applets-and-other-programmatic-objects-turned-off/" target="_blank">13.1</a>)
makes things even harder (AJAX anyone?). Of course, you can invest time and effort
to ensure your site degrades when JavaScript is not enabled but this is often not
an option on typically tight budgets and timelines.
</p>
        <p>
Even building an application in HTML is itself a major limitation. We all know that
HTML was never intended to be the foundation for delivering complex, interactive web
applications. I remember a year or two back when  I thought the end of our obsession
with the web was coming - smart clients were the promise of a new future and I could
sense the renaissance of the rich client. But no, bloody Web 2.0 arrived on the scene
and everyone went gaga for web again.
</p>
        <p>
Microsoft are clearly looking to invest in Rich Internet Applications (RIA) (see <a href="http://blogs.msdn.com/brada/archive/2009/03/19/what-is-net-ria-services.aspx" target="_blank">.NET
RIA Services</a>) but with this comes the challenge of making this relevant in a world
where accessibility is increasingly important.
</p>
        <p>
So when the opportunity to work on an accessible Silverlight application came along
I thought - great, let’s see what’s possible and where the future of accessible RIA
might take us. It would be great if <a href="http://www.buttercupreader.net" target="_blank">ButtercupReader</a> prompted
a rethink in the web standards community about how we can provide accessible applications
over the web.
</p>
        <p>
 
</p>
        <h1>Supporting Screen Readers
</h1>
        <p>
One of the reasons that traditional web sites can be made accessible to screen readers
is that they know how to interpret well formed HTML and can traverse a document and
'read' its contents. So what happens when you're building an application using XAML?
Silverlight makes it possible to mark your XAML up with special attributes to expose
accessibility information via a standard known as <a href="http://en.wikipedia.org/wiki/Microsoft_UI_Automation" target="_blank">UIAutomation</a> (UIA).
Screen readers, and other accessibility tools, that know about UIA (or its predecessor <a href="http://en.wikipedia.org/wiki/Microsoft_Active_Accessibility" target="_blank">Microsoft
Active Accessibility</a> (MSAA)) can interpret these user interface elements. 
</p>
        <div style="border-bottom: gray 1px solid; border-left: gray 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: consolas, 'Courier New', courier, monospace; max-height: 200px; font-size: 8pt; overflow: auto; border-top: gray 1px solid; cursor: text; border-right: gray 1px solid; padding-top: 4px">
          <div style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #0000ff">&lt;</span>
              <span style="color: #800000">Button</span>
            </pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #ff0000">x:Name</span>
              <span style="color: #0000ff">="openBookButton"</span>
            </pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #ff0000">AutomationProperties</span>.<span style="color: #ff0000">Name</span><span style="color: #0000ff">="Open
Book"</span></pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #ff0000">AutomationProperties</span>.<span style="color: #ff0000">HelpText</span><span style="color: #0000ff">="Open
a Daisy book from your local computer"</span></pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #ff0000">AutomationProperties</span>.<span style="color: #ff0000">AcceleratorKey</span><span style="color: #0000ff">="O"</span></pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">    ...<span style="color: #0000ff">&gt;</span></pre>
            <pre style="border-bottom-style: none; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: consolas, 'Courier New', courier, monospace; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">
              <span style="color: #0000ff">&lt;/</span>
              <span style="color: #800000">Button</span>
              <span style="color: #0000ff">&gt;</span>
            </pre>
          </div>
        </div>
        <p>
Using a tool like <a href="http://blogs.msdn.com/windowssdk/archive/2008/02/18/where-is-uispy-exe.aspx" target="_blank">UISpy</a> you
can see the AutomationElement properties that have been exposed.
</p>
        <p>
          <a href="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_9D59/image_2.png">
            <img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="UISpy screenshot showing UIAutomation elements" border="0" alt="UISpy screenshot showing UIAutomation elements" src="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_9D59/image_thumb.png" width="644" height="377" />
          </a>
        </p>
        <p>
Mark Rideout has written a more detailed overview of <a href="http://silverlight.net">Silverlight</a> accessibility
features in his article here, <a href="http://www.code-magazine.com/Article.aspx?quickid=0810062" target="_blank">Creating
Accessibility-aware Silverlight Content</a>.
</p>
        <p>
 
</p>
        <h1>Other Accessibility Features
</h1>
        <p>
Some of the other accessibility features in ButtercupReader include,
</p>
        <ul>
          <li>
            <strong>Shortcut Keys</strong> - all functionality is available through the keyboard.
One gotcha here is that it is not possible to override the shortcut keys used by the
host browser. So, for example, we couldn't trap Ctrl + F to initiate a search. Instead,
we chose to implement most shortcuts as single (standard keyboard) keys. 
</li>
        </ul>
        <blockquote>
          <p>
            <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_8.png">
              <img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Key shortcuts" border="0" alt="Key shortcuts" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_3.png" width="415" height="484" />
            </a>
          </p>
        </blockquote>
        <ul>
          <li>
            <strong>Self-Voicing </strong>- throughout the application, and when you set the focus
to an element, you will hear speech to provide contextual information. For example,
when a button receives the focus its name (<font face="Courier New">AutomationElement.Name</font>)
will be spoken and when you press <font face="Courier New">Numpad *</font> additional
help text (<font face="Courier New">AutomationElement.HelpText</font>) is spoken.
Note that this feature relies on SAPI and currently only work in IE on Windows. 
</li>
          <li>
            <strong>Contrast Settings</strong> - lots of partially sighted users have a preferred
contrast setting. For example, photo-sensitive users will likely choose yellow on
black, whereas other users may depend on a high contrast, black on white setting. 
</li>
        </ul>
        <blockquote>
          <p>
            <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_10.png">
              <img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="example of high contrast, black on white" border="0" alt="example of high contrast, black on white" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_4.png" width="244" height="159" />
            </a>   <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_14.png"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="example of low contrast, yellow on black" border="0" alt="example of low contrast, yellow on black" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_6.png" width="244" height="160" /></a>   <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_16.png"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="example of medium contrast, white on blue" border="0" alt="example of medium contrast, white on blue" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_7.png" width="244" height="158" /></a></p>
        </blockquote>
        <ul>
          <li>
            <strong>Zoomability</strong> - clearly, the ability to be able to zoom into text and
images is important and Silverlight makes this possible without losing any quality
or definition. 
</li>
        </ul>
        <p>
          <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_6.png">
            <img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="image" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_2.png" width="244" height="128" />
          </a> <a href="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_4.png"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="image" src="http://andrewtokeley.net/images/andrewtokeley_net/WindowsLiveWriter/WhatdoSilverlightAccessibilityandButterc_12580/image_thumb_1.png" width="244" height="126" /></a></p>
        <p>
So you can see we've had fun on this project and I really hope it opens up some debate
on the future of accessibility on the web.
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=23634009-54f4-4521-98a7-b5c6f0325228" />
      </div>
    </content>
  </entry>
  <entry>
    <title>Allowing ButtercupReader to Open Your DAISY Books</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/03/27/AllowingButtercupReaderToOpenYourDAISYBooks.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,e077db43-f5ec-4b9a-9100-4fcd398f540f.aspx</id>
    <published>2009-03-27T15:11:46.4631337+13:00</published>
    <updated>2009-03-27T15:25:09.536119+13:00</updated>
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <author>
      <name>Andrew Tokeley</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
One of the cool features of <a href="http://www.buttercupreader.net/" target="_blank">ButtercupReader</a> is
the ability to open DAISY books that you have published on your own web site. Once
you’ve followed the few simple steps below people will be able to link to your books
using a link that looks something like,
</p>
        <p>
          <a href="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/AllowingButtercupReadertoOpenYourDAISYBo_B399/anchorCode_4.jpg">
            <img style="border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px" title="Example of an anchor to a server book (sorry it's not selectable yet)" border="0" alt="Example of an anchor to a server book (sorry it's not selectable yet)" src="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/AllowingButtercupReadertoOpenYourDAISYBo_B399/anchorCode_thumb_1.jpg" width="484" height="94" />
          </a>
        </p>
        <p>
All you are doing is setting the <font face="Courier New">ref </font>query string
parameter to the URL of the package file (*.opf) that describes your book. Easy.
</p>
        <p>
Now, in order for this to work there are a couple of things that you need to do on
the web server that is going to be hosting the DAISY book files.
</p>
        <p>
 
</p>
        <h2>Add MIME Types for DAISY File Extensions
</h2>
        <p>
In order for your web server to be able to serve up requests for DAISY files you will
need to add some additional MIME types. Currently the only file extensions that ButtercupReader
relies on are,
</p>
        <p>
 
</p>
        <table border="1" cellspacing="0" cellpadding="2" width="400">
          <tbody>
            <tr>
              <td valign="top" width="200">
                <strong>Extension</strong>
              </td>
              <td valign="top" width="200">
                <strong>MIME Type</strong>
              </td>
            </tr>
            <tr>
              <td valign="top" width="200">
.opf</td>
              <td valign="top" width="200">
text/xml</td>
            </tr>
            <tr>
              <td valign="top" width="200">
.smil</td>
              <td valign="top" width="200">
application/smil</td>
            </tr>
            <tr>
              <td valign="top" width="200">
.ncx</td>
              <td valign="top" width="200">
application/x-dtbncx+xml</td>
            </tr>
          </tbody>
        </table>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
          <strong>
          </strong>
        </p>
        <h2> 
</h2>
        <h2>Allow ButtercupReader Access to Your Domain
</h2>
        <p>
By default Silverlight is not permitted to access resources (like your DAISY files)
on another domain (like your web site). But this is easy to fix. All you need to do
is to add a file, naming it <font face="Courier New">clientaccesspolicy.xml</font>,
to the root of your web site. This file should look like,
</p>
        <p>
          <a href="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/AllowingButtercupReadertoOpenYourDAISYBo_B399/clientaccesspolicy_4.jpg">
            <img style="border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px" title="Example of clientaccesspolicy.xml file (sorry it's not selectable yet)" border="0" alt="Example of clientaccesspolicy.xml file (sorry it's not selectable yet)" src="http://www.buttercupreader.net/blog/content/binary/WindowsLiveWriter/AllowingButtercupReadertoOpenYourDAISYBo_B399/clientaccesspolicy_thumb_1.jpg" width="477" height="254" />
          </a>
        </p>
        <p>
For more information check out the <a href="http://msdn.microsoft.com/en-us/library/cc197955(VS.95).aspx" target="_blank">official
documentation</a>.
</p>
        <p>
So, give it a try and let me know how you get on.
</p>
        <div>
        </div>
        <div>
        </div>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=e077db43-f5ec-4b9a-9100-4fcd398f540f" />
      </div>
    </content>
  </entry>
  <entry>
    <title>Welcome to The ButtercupReader Blog</title>
    <link rel="alternate" type="text/html" href="http://www.buttercupreader.net/blog/2009/03/27/WelcomeToTheButtercupReaderBlog.aspx" />
    <id>http://www.buttercupreader.net/blog/PermaLink,guid,feadfb19-9bbf-4c16-a39a-ddcf7b967ab8.aspx</id>
    <published>2009-03-27T14:45:17.218297+13:00</published>
    <updated>2009-03-27T14:47:02.9411066+13:00</updated>
    <category term="Accessibility" label="Accessibility" scheme="http://www.buttercupreader.net/blog/CategoryView,category,Accessibility.aspx" />
    <category term="ButtercupReader" label="ButtercupReader" scheme="http://www.buttercupreader.net/blog/CategoryView,category,ButtercupReader.aspx" />
    <category term="Rich Internet Applcations" label="Rich Internet Applcations" scheme="http://www.buttercupreader.net/blog/CategoryView,category,RichInternetApplcations.aspx" />
    <category term="Silverlight" label="Silverlight" scheme="http://www.buttercupreader.net/blog/CategoryView,category,Silverlight.aspx" />
    <author>
      <name>Andrew Tokeley</name>
    </author>
    <content type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <p>
Hi and welcome to the <a href="http://www.buttercupreader.net/" target="_blank">ButtercupReader</a> blog.
</p>
        <p>
If you nod your head at any of the following, then please click on the Subscribe link
– would be great to have you on board.
</p>
        <ul>
          <li>
You’re interested in Web Accessibility beyond traditional HTML based web sites</li>
          <li>
You’re interested in <a href="http://en.wikipedia.org/wiki/Rich_Internet_application" target="_blank">Rich
Internet Applications (RIA)</a> and accessibility 
</li>
          <li>
You’re interested to learn about how <a href="http://silverlight.net">Silverlight</a> makes
it possible to write accessible web applications</li>
          <li>
You’re keen to learn more about ButtercupReader – how it works and how to use it</li>
          <li>
You want to hear about updates to ButtercupReader</li>
        </ul>
        <p>
I’d really like to encourage you to comment on posts and send in feedback (the good,
bad or indifferent). We’d love to hear what you think and where you’d like to see
ButtercupReader go. 
</p>
        <p>
We also hope to discuss the wider implications of RIA in the context of existing Government
and Industry accessibility guidelines. 
</p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
Thanks for dropping by.
</p>
        <p>
Andrew Tokeley
</p>
        <img width="0" height="0" src="http://www.buttercupreader.net/blog/aggbug.ashx?id=feadfb19-9bbf-4c16-a39a-ddcf7b967ab8" />
      </div>
    </content>
  </entry>
</feed>