<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
<!--
@font-face
{font-family:Wingdings}
@font-face
{font-family:Wingdings}
@font-face
{font-family:Cambria}
@font-face
{font-family:Calibri}
@font-face
{font-family:Tahoma}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif"}
h1
{margin-top:24.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:0cm;
margin-bottom:.0001pt;
page-break-after:avoid;
font-size:14.0pt;
font-family:"Cambria","serif";
color:#365F91;
font-weight:bold}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline}
p
{margin-right:0cm;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif"}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif"}
p.msochpdefault, li.msochpdefault, div.msochpdefault
{margin-right:0cm;
margin-left:0cm;
font-size:12.0pt;
font-family:"Calibri","sans-serif"}
span.emailstyle17
{font-family:"Calibri","sans-serif";
color:windowtext}
span.emailstyle20
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.BalloonTextChar
{font-family:"Tahoma","sans-serif"}
span.EmailStyle23
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.Heading1Char
{font-family:"Cambria","serif";
color:#365F91;
font-weight:bold}
.MsoChpDefault
{font-size:10.0pt}
@page WordSection1
{margin:72.0pt 72.0pt 72.0pt 72.0pt}
div.WordSection1
{}
-->
</style>
</head>
<body lang="EN-GB" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">This may not be the most elegant (I don’t do elegant – more elephant) design but I can imagine something working like this button on bottom left:</span></p>
<p class="MsoNormal"><img width="79" height="39" id="Picture_x0020_2" src="cid:image001.png@01CE883F.2A3CFC00"><span style="color:#1F497D"></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<h1>Original LO: </h1>
<p class="MsoNormal"><span style="color:#1F497D"><img width="674" height="511" id="Picture_x0020_1" src="cid:image002.jpg@01CE883F.2A3CFC00"></span><span style="color:#1F497D"></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<h1>One click of button</h1>
<p class="MsoNormal"><span style="color:#1F497D"><img width="658" height="490" id="Picture_x0020_3" src="cid:image003.jpg@01CE883F.2A3CFC00"></span><span style="color:#1F497D"></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<h1>Two clicks of button</h1>
<p class="MsoNormal"><span style="color:#1F497D"><img width="676" height="510" id="Picture_x0020_4" src="cid:image004.jpg@01CE883F.2A3CFC00"></span><span style="color:#1F497D"></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">Three clicks take you back to the normal view.</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">I’ve focused on colours here because that tends to be the one people are less familiar with changing. Text size can change easily with CTRL+ or Mouse wheel scroll so it seems daft to put in more coding for something
that is so easily achieved already.</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">That’s what’s in my head. How feasible?</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">A </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><a name="_MailEndCompose"><span style="color:#1F497D"> </span></a></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif""> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk]
<b>On Behalf Of </b>Pat @ Pgogy <br>
<b>Sent:</b> 23 July 2013 22:07<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] Re: Adding CSS colour switcher</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<div>
<p class="MsoNormal">Fake up a picture of how you'd like it to look</p>
</div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
On 23 Jul 2013, at 17:52, Alistair McNaught <<a href="mailto:Alistair.McNaught@HEAcademy.ac.uk">Alistair.McNaught@HEAcademy.ac.uk</a>> wrote:</p>
</div>
<blockquote style="margin-top:5.0pt; margin-bottom:5.0pt">
<div>
<div>
<p class="MsoNormal"><span style="color:#1F497D">My way round it at the moment is to is to recommend people to use chrome browser with the High Contrast plug in which works very nicely. Unfortunately chrome requires the cache to be cleared every time I view
a learning object otherwise I get a weird thing where the navigation bar and menu bar are entirely white and navigation is un-clickable as well as invisible.
</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">I rather like the idea of clicking a button to cycle through alternative colour schemes – I need something like the machine in the Eyre Affair which allows you to take stuff into books where what you imagine
always works then bring it back as a working piece without having to do the hard stuff inbetween.</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">A</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">
<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">xerte-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">mailto:xerte-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Pat @ Pgogy <br>
<b>Sent:</b> 23 July 2013 17:28<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] Re: Adding CSS colour switcher</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<div>
<p class="MsoNormal">Hello,</p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal">The idea of extra styles seems logical.</p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal">Came up in another thread earlier - could be a plugin, or could be a php change?</p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal">1 colour scheme easy, additional schemes uh oh</p>
</div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
On 23 Jul 2013, at 16:51, Alistair McNaught <<a href="mailto:Alistair.McNaught@HEAcademy.ac.uk">Alistair.McNaught@HEAcademy.ac.uk</a>> wrote:</p>
</div>
<blockquote style="margin-top:5.0pt; margin-bottom:5.0pt">
<div>
<div>
<p class="MsoNormal">Hi all</p>
<p class="MsoNormal">From the accessibility testing so far with screenreader users and my own playing around with the browser settings I'm very comfortable that the Xerte toolkits 2.0 is considerably more accessible than the previous Flash version however,
I am often coming across practitioners who assume it is less accessible because the "in your face" accessibility options of the Flash output are not there any more. I am currently working on an accessibility statement which will help to address this problem
of perception but in the meantime I wonder how easy it would be to build a colour and texts which are?</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">I'm not a CSS coder; in fact I'm not a coder at all, but I wonder how easy it would be to build an optional CSS plug-in that would allow people three different text sizes (100%, 200%, 400%) and maybe three additional colour schemes - inverted,
yellow on black, black on light blue. It's possible quite a lot of people have the CSS skills to do this but would not necessarily know where to plug it into the appropriate file on their Toolkits installation.
</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Would this be a relatively straightforward thing to do or am I entering dangerous territory?
<span style="font-family:Wingdings">J</span> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">A</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><b><span style="color:#1F497D">Alistair McNaught - </span></b><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#F47B20">Jisc</span></b><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#164883">
</span></b><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">TechDis</span></b></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91"> </span></b></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">T</span></b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91"> 01904 717580
<b>M</b> 07870567659</span><span style="font-family:"Arial","sans-serif"; color:#365F91">
</span><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">E</span></b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">
</span><span style="font-size:10.0pt; font-family:"Arial","sans-serif""><a href="mailto:alistair@techdis.ac.uk">alistair@techdis.ac.uk</a><span style="color:#365F91">
<b>S</b> alistair_techdis </span></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr style="height:6.0pt">
<td width="0" style="width:.3pt; padding:0cm 0cm 0cm 0cm; height:6.0pt"></td>
</tr>
<tr>
<td style="padding:0cm 0cm 0cm 0cm"></td>
<td style="padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style=""><span style="font-size:12.0pt; font-family:"Times New Roman","serif""><image001.png></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#164883"> </span></p>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif""><br clear="all">
</span></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">Web</span></b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">
</span><a href="http://www.jisctechdis.ac.uk/"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">http://www.jisctechdis.ac.uk</span></a><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">
<b>Twitter</b> @jisc_techdis <b>JISCmail</b> JISC-TECHDIS</span></p>
<p class="MsoNormal"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91"> </span></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">Follow</span></b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">:
</span>@alistairm| <a href="http://www.scoop.it/t/inclusive-teaching-and-learning">
www.scoop.it/t/inclusive-teaching-and-learning</a> </p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#F47B20"> </span></b></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#F47B20">Jisc</span></b><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#164883">
</span></b><b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">TechDis</span></b><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">, advising the education sector on technologies for inclusion and
accessibility.</span></p>
<p class="MsoNormal"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">c/o The Higher Education Academy Building, Innovation Way, York Science Park, York, YO10 5BR.</span></p>
<p class="MsoNormal"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91"> </span></p>
<p class="MsoNormal"><span style="font-size:10.0pt; font-family:"Arial","sans-serif"; color:#365F91">Part of Jisc<b>.</b></span></p>
<p class="MsoNormal"> </p>
</div>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif"">This email is confidential and may be privileged. If you are not the intended recipient please accept our apologies. Please do not disclose, copy, or distribute information
in this email nor take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful. Please inform us that this message has gone astray before deleting it. Please note that views expressed in this email are those of the author
and do not necessarily represent those of the Higher Education Academy. Please note that this e-mail has been created in the knowledge that Internet e-mail is not a secure communications medium. We advise that you understand and observe this lack of security
when e-mailing us. Although we have taken steps to ensure this e-mail and attachments are free from any virus, we advise that in keeping with good computing practice the recipient should ensure they are actually virus free. The Higher Education Academy Registered
No 4930131 </span></p>
</div>
</blockquote>
<blockquote style="margin-top:5.0pt; margin-bottom:5.0pt">
<div>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif"">_______________________________________________<br>
Xerte mailing list<br>
<a href="mailto:Xerte@lists.nottingham.ac.uk">Xerte@lists.nottingham.ac.uk</a><br>
<a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte">http://lists.nottingham.ac.uk/mailman/listinfo/xerte</a></span></p>
</div>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif""> </span></p>
<p>This message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it. Please do not use, copy or disclose the information
contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.</p>
<p>This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system, you are advised to perform your own checks. Email communications with the University of Nottingham may
be monitored as permitted by UK legislation.</p>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif""> </span></p>
</div>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif"">This email is confidential and may be privileged. If you are not the intended recipient please accept our apologies. Please do not disclose, copy, or distribute information
in this email nor take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful. Please inform us that this message has gone astray before deleting it. Please note that views expressed in this email are those of the author
and do not necessarily represent those of the Higher Education Academy. Please note that this e-mail has been created in the knowledge that Internet e-mail is not a secure communications medium. We advise that you understand and observe this lack of security
when e-mailing us. Although we have taken steps to ensure this e-mail and attachments are free from any virus, we advise that in keeping with good computing practice the recipient should ensure they are actually virus free. The Higher Education Academy Registered
No 4930131 </span></p>
</div>
</blockquote>
<blockquote style="margin-top:5.0pt; margin-bottom:5.0pt">
<div>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif"">_______________________________________________<br>
Xerte mailing list<br>
<a href="mailto:Xerte@lists.nottingham.ac.uk">Xerte@lists.nottingham.ac.uk</a><br>
<a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte">http://lists.nottingham.ac.uk/mailman/listinfo/xerte</a></span></p>
</div>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif""> </span></p>
<p>This message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it. Please do not use, copy or disclose the information
contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.</p>
<p>This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system, you are advised to perform your own checks. Email communications with the University of Nottingham may
be monitored as permitted by UK legislation.</p>
<p class="MsoNormal"><span style="font-size:12.0pt; font-family:"Times New Roman","serif""> </span></p>
</div>
This email is confidential and may be privileged. If you are not the intended recipient please accept our apologies. Please do not disclose, copy, or distribute information in this email nor take any action in reliance on its contents: to do so is strictly
prohibited and may be unlawful. Please inform us that this message has gone astray before deleting it. Please note that views expressed in this email are those of the author and do not necessarily represent those of the Higher Education Academy. Please note
that this e-mail has been created in the knowledge that Internet e-mail is not a secure communications medium. We advise that you understand and observe this lack of security when e-mailing us. Although we have taken steps to ensure this e-mail and attachments
are free from any virus, we advise that in keeping with good computing practice the recipient should ensure they are actually virus free. The Higher Education Academy Registered No 4930131
</body>
</html>