Re: accessibility toolbar

caroline <[email protected]> Wed, 20 May 2020 18:29:16 -0400
Newsgroups gmane.org.w3c.accessibility.general
Message-ID <CAAberKE9opay5QVmYP1d3vx9ioa5q1Obvy8_8Jy01Mqpx5boyw@mail.gmail.com>
--000000000000e3dcfb05a61bedc6
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

>
> I actually regret mentioning that I'm trying to get our teams to create
> one for our site because this tool is not like what im envisioning and my
> point was that there is a danger to designers thinking that such a tool
> will free them from having to include features that need and should be
> there in the first place. =F0=9F=98=8A
>


The scope of what I'm asking the team to create is small and manageable.  A
> switch to turn off animation and control for text size, contrast. That's
> it. Again not from a third party but created by the very developers who
> understand how things are knitted together. Nothing over the top. I hope
> that puts some minds at ease. =F0=9F=98=81
>



>
>>
>>
>> On Wed, May 20, 2020 at 12:30 PM caroline <[email protected]>
>> wrote:
>>
>>> Steve i agree with you. I should clarify that I am not twisting arms fo=
r
>>> the use of a third-party tool. Im asking for our teams to create some
>>> switches of our own while stressing that it doesn't free us from ensuri=
ng
>>> that accessibility is baked in. =F0=9F=98=81 I have so many reservation=
s around third
>>> party tools and haven't seen any successfully execute to meet our needs=
.
>>>
>>>
>>> On Wed, May 20, 2020, 3:04 PM Steve Green <
>>> [email protected]> wrote:
>>>
>>>> You need to be careful when making broad statements to the effect that
>>>> the tool does not help achieve WCAG conformance (I appreciate that=E2=
=80=99s not
>>>> quite what you were saying). For instance, WCAG SC 2.4.7 says =E2=80=
=9CAny keyboard
>>>> operable user interface has a mode of operation where the keyboard foc=
us
>>>> indicator is visible.=E2=80=9D If the website does not have a focus in=
dicator but
>>>> the toolbar has a feature that adds one, then the success criterion is=
 met.
>>>>
>>>>
>>>>
>>>> In principle, the same applies to other success criteria, although thi=
s
>>>> is dependent on the tool itself and its method identification and
>>>> invocation being accessible.
>>>>
>>>>
>>>>
>>>> Steve
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> *From:* caroline <[email protected]>
>>>> *Sent:* 20 May 2020 19:47
>>>> *To:* Steve Green <[email protected]>
>>>> *Cc:* [email protected]
>>>> *Subject:* Re: accessibility toolbar
>>>>
>>>>
>>>>
>>>> I wonder if they felt that having the toolbar would free them from
>>>> having things like contrast baked in?
>>>>
>>>>
>>>>
>>>> I've been trying to twist the arms of folks to do this and some though=
t
>>>> it meant they would be liberated from thinking about wcag and we're
>>>> disappointed when I said no.
>>>>
>>>>
>>>>
>>>> On another note that free shipping message sliding by at the top, has
>>>> the odd effect of making me feel queasy.
>>>>
>>>>
>>>>
>>>> On Wed, May 20, 2020, 2:19 PM Steve Green <
>>>> [email protected]> wrote:
>>>>
>>>> Also, the colour contrast of the focus indication in the toolbar
>>>> violates SC 1.4.11.
>>>>
>>>>
>>>>
>>>> There are actually some nice tools in there, like the screen ruler and
>>>> screen mask, but some don=E2=80=99t always work properly, such as the =
controls for
>>>> changing the text and background colours.
>>>>
>>>>
>>>>
>>>> We and most of the rest of the accessibility community are generally
>>>> opposed to tools like this, but at least it=E2=80=99s cheap compared w=
ith most
>>>> others, so it=E2=80=99s not taking away much budget that could be bett=
er spent on
>>>> other things.
>>>>
>>>>
>>>>
>>>> Steve Green
>>>>
>>>> Managing Director
>>>>
>>>> Test Partners Ltd
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> *From:* Annie Heckel <[email protected]>
>>>> *Sent:* 20 May 2020 19:01
>>>> *To:* [email protected]
>>>> *Subject:* Re: accessibility toolbar
>>>>
>>>>
>>>>
>>>> Even without really investigating the toolbar much, I had to laugh whe=
n
>>>> simply opening it caused the page to create a failure of WCAG 1.4.10:
>>>> Reflow.
>>>>
>>>>
>>>>
>>>> -Annie H.
>>>>
>>>>
>>>>
>>>> On Wed, May 20, 2020 at 10:40 AM Char Easter <[email protected]=
>
>>>> wrote:
>>>>
>>>> Any thoughts on this accessibility toolbar? It appears on the site,
>>>> https://farberwarecookware.com/
>>>>
>>>>
>>>>
>>>> The tool is authored by,
>>>> https://hikeorders.com/accessibility/main-accessibility-features/#acce=
ssibility-tools
>>>>
>>>>
>>>>
>>>> Thanks,
>>>>
>>>>
>>>>
>>>> *Char Easter*
>>>>
>>>> UX Designer at The Seattle Times
>>>>
>>>> p: 206.464.2945
>>>>
>>>> e: [email protected]
>>>>
>>>> m: 206.779.2427
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> --
>>>>
>>>> Annie Heckel
>>>>
>>>>
>>>>
>>>> Lead Accessibility Auditor
>>>>
>>>> Online ADA <https://onlineada.com/>
>>>>
>>>>

--000000000000e3dcfb05a61bedc6
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"auto"><div class=3D"gmail_quote" dir=3D"auto"><blockquote class=
=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1px #ccc solid;padd=
ing-left:1ex"><div dir=3D"auto">I actually regret mentioning that I&#39;m t=
rying to get our teams to create one for our site because this tool is not =
like what im envisioning and my point was that there is a danger to designe=
rs thinking that such a tool will free them from having to include features=
 that need and should be there in the first place. =F0=9F=98=8A </div></blo=
ckquote></div><div dir=3D"auto"><br></div><div dir=3D"auto"><br></div><div =
class=3D"gmail_quote" dir=3D"auto"><blockquote class=3D"gmail_quote" style=
=3D"margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir=
=3D"auto">The scope of what I&#39;m asking the team to create is small and =
manageable.=C2=A0 A switch to turn off animation and control for text size,=
 contrast. That&#39;s it. Again not from a third party but created by the v=
ery developers who understand how things are knitted together. Nothing over=
 the top. I hope that puts some minds at ease. =F0=9F=98=81</div></blockquo=
te></div><div dir=3D"auto"><br></div><div dir=3D"auto"><br></div><div class=
=3D"gmail_quote" dir=3D"auto"><blockquote class=3D"gmail_quote" style=3D"ma=
rgin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class=3D"=
gmail_quote"><div dir=3D"ltr" class=3D"gmail_attr"><br></div><blockquote cl=
ass=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1px #ccc solid;p=
adding-left:1ex"><div dir=3D"ltr"><div><div><div dir=3D"ltr" data-smartmail=
=3D"gmail_signature"><div dir=3D"ltr"><div><div dir=3D"ltr"><br></div></div=
></div></div></div><br></div></div><br><div class=3D"gmail_quote"><div dir=
=3D"ltr" class=3D"gmail_attr">On Wed, May 20, 2020 at 12:30 PM caroline &lt=
;<a href=3D"mailto:[email protected]" rel=3D"noreferrer noreferre=
r" target=3D"_blank">[email protected]</a>&gt; wrote:<br></div><b=
lockquote class=3D"gmail_quote" style=3D"margin:0px 0px 0px 0.8ex;border-le=
ft:1px solid rgb(204,204,204);padding-left:1ex"><div dir=3D"auto">Steve i a=
gree with you. I should clarify that I am not twisting arms for the use of =
a third-party tool. Im asking for our teams to create some switches of our =
own while stressing that it doesn&#39;t free us from ensuring that accessib=
ility is baked in. =F0=9F=98=81 I have so many reservations around third pa=
rty tools and haven&#39;t seen any successfully execute to meet our needs.=
=C2=A0<div dir=3D"auto"><br></div></div><br><div class=3D"gmail_quote"><div=
 dir=3D"ltr" class=3D"gmail_attr">On Wed, May 20, 2020, 3:04 PM Steve Green=
 &lt;<a href=3D"mailto:[email protected]" rel=3D"noreferrer no=
referrer" target=3D"_blank">[email protected]</a>&gt; wrote:<b=
r></div><blockquote class=3D"gmail_quote" style=3D"margin:0px 0px 0px 0.8ex=
;border-left:1px solid rgb(204,204,204);padding-left:1ex">





<div lang=3D"EN-GB">
<div>
<p class=3D"MsoNormal"><span>You need to be careful when making broad state=
ments to the effect that the tool does not help achieve WCAG conformance (I=
 appreciate that=E2=80=99s not quite what you were saying). For instance, W=
CAG SC
 2.4.7 says =E2=80=9CAny keyboard operable user interface has a mode of ope=
ration where the keyboard focus indicator is visible.=E2=80=9D If the websi=
te does not have a focus indicator but the toolbar has a feature that adds =
one, then the success criterion is met.<u></u><u></u></span></p>
<p class=3D"MsoNormal"><span><u></u>=C2=A0<u></u></span></p>
<p class=3D"MsoNormal"><span>In principle, the same applies to other succes=
s criteria, although this is dependent on the tool itself and its method id=
entification and invocation being accessible.<u></u><u></u></span></p>
<p class=3D"MsoNormal"><span><u></u>=C2=A0<u></u></span></p>
<p class=3D"MsoNormal"><span>Steve<u></u><u></u></span></p>
<p class=3D"MsoNormal"><span><u></u>=C2=A0<u></u></span></p>
<p class=3D"MsoNormal"><span><u></u>=C2=A0<u></u></span></p>
<p class=3D"MsoNormal"><b><span lang=3D"EN-US">From:</span></b><span lang=
=3D"EN-US"> caroline &lt;<a href=3D"mailto:[email protected]" rel=
=3D"noreferrer noreferrer noreferrer" target=3D"_blank">woodward.caroline@g=
mail.com</a>&gt;
<br>
<b>Sent:</b> 20 May 2020 19:47<br>
<b>To:</b> Steve Green &lt;<a href=3D"mailto:[email protected]=
" rel=3D"noreferrer noreferrer noreferrer" target=3D"_blank">steve.green@te=
stpartners.co.uk</a>&gt;<br>
<b>Cc:</b> <a href=3D"mailto:[email protected]" rel=3D"noreferrer noreferre=
r noreferrer" target=3D"_blank">[email protected]</a><br>
<b>Subject:</b> Re: accessibility toolbar<u></u><u></u></span></p>
<p class=3D"MsoNormal"><u></u>=C2=A0<u></u></p>
<div>
<p class=3D"MsoNormal">I wonder if they felt that having the toolbar would =
free them from having things like contrast baked in?=C2=A0<u></u><u></u></p=
>
<div>
<p class=3D"MsoNormal"><u></u>=C2=A0<u></u></p>
</div>
<div>
<p class=3D"MsoNormal">I&#39;ve been trying to twist the arms of folks to d=
o this and some thought it meant they would be liberated from thinking abou=
t wcag and we&#39;re disappointed when I said no.=C2=A0<u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal"><u></u>=C2=A0<u></u></p>
</div>
<div>
<p class=3D"MsoNormal">On another note that free shipping message sliding b=
y at the top, has the odd effect of making me feel queasy.<u></u><u></u></p=
>
</div>
</div>
<p class=3D"MsoNormal"><u></u>=C2=A0<u></u></p>
<div>
<div>
<p class=3D"MsoNormal">On Wed, May 20, 2020, 2:19 PM Steve Green &lt;<a hre=
f=3D"mailto:[email protected]" rel=3D"noreferrer noreferrer no=
referrer" target=3D"_blank">[email protected]</a>&gt; wrote:<u=
></u><u></u></p>
</div>
<blockquote style=3D"border-color:currentcolor currentcolor currentcolor rg=
b(204,204,204);border-style:none none none solid;border-width:medium medium=
 medium 1pt;padding:0in 0in 0in 6pt;margin-left:4.8pt;margin-right:0in">
<div>
<div>
<p class=3D"MsoNormal">Also, the colour contrast of the focus indication in=
 the toolbar violates SC 1.4.11.<u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<p class=3D"MsoNormal">There are actually some nice tools in there, like th=
e screen ruler and screen mask, but some don=E2=80=99t always work properly=
, such as the controls for changing the text and background
 colours.<u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<p class=3D"MsoNormal">We and most of the rest of the accessibility communi=
ty are generally opposed to tools like this, but at least it=E2=80=99s chea=
p compared with most others, so it=E2=80=99s not taking away much
 budget that could be better spent on other things.<u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<p class=3D"MsoNormal">Steve Green<u></u><u></u></p>
<p class=3D"MsoNormal">Managing Director<u></u><u></u></p>
<p class=3D"MsoNormal">Test Partners Ltd<u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<p class=3D"MsoNormal"><b><span lang=3D"EN-US">From:</span></b><span lang=
=3D"EN-US"> Annie Heckel &lt;<a href=3D"mailto:[email protected]" rel=3D=
"noreferrer noreferrer noreferrer" target=3D"_blank">[email protected]</=
a>&gt;
<br>
<b>Sent:</b> 20 May 2020 19:01<br>
<b>To:</b> <a href=3D"mailto:[email protected]" rel=3D"noreferrer noreferre=
r noreferrer" target=3D"_blank">[email protected]</a><br>
<b>Subject:</b> Re: accessibility toolbar</span><u></u><u></u></p>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<div>
<div>
<p class=3D"MsoNormal">Even without really investigating the toolbar much, =
I had to laugh when simply opening it caused the page to create a failure o=
f WCAG 1.4.10: Reflow.<u></u><u></u></p>
<div>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal">-Annie H.<u></u><u></u></p>
</div>
</div>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
<div>
<div>
<p class=3D"MsoNormal">On Wed, May 20, 2020 at 10:40 AM Char Easter &lt;<a =
href=3D"mailto:[email protected]" rel=3D"noreferrer noreferrer noref=
errer" target=3D"_blank">[email protected]</a>&gt; wrote:<u></u><u><=
/u></p>
</div>
<blockquote style=3D"border-color:currentcolor currentcolor currentcolor rg=
b(204,204,204);border-style:none none none solid;border-width:medium medium=
 medium 1pt;padding:0in 0in 0in 6pt;margin:5pt 0in 5pt 4.8pt">
<div>
<div>
<p class=3D"MsoNormal"><span lang=3D"EN-US">Any thoughts on this accessibil=
ity toolbar?
<span style=3D"color:black">It appears on the site, <a href=3D"https://farb=
erwarecookware.com/" rel=3D"noreferrer noreferrer noreferrer" target=3D"_bl=
ank">
https://farberwarecookware.com/</a></span></span><u></u><u></u></p>
<p class=3D"MsoNormal"><span style=3D"color:black" lang=3D"EN-US">=C2=A0</s=
pan><u></u><u></u></p>
<p class=3D"MsoNormal"><span style=3D"color:black" lang=3D"EN-US">The tool =
is authored by,
</span><span lang=3D"EN-US"><a href=3D"https://hikeorders.com/accessibility=
/main-accessibility-features/#accessibility-tools" rel=3D"noreferrer norefe=
rrer noreferrer" target=3D"_blank">https://hikeorders.com/accessibility/mai=
n-accessibility-features/#accessibility-tools</a></span><u></u><u></u></p>
<p class=3D"MsoNormal"><span style=3D"color:black" lang=3D"EN-US">=C2=A0</s=
pan><u></u><u></u></p>
<p class=3D"MsoNormal"><span lang=3D"EN-US">Thanks,</span><u></u><u></u></p=
>
<p class=3D"MsoNormal"><span lang=3D"EN-US">=C2=A0</span><u></u><u></u></p>
<div>
<p class=3D"MsoNormal"><b><span style=3D"font-size:10.5pt;color:black" lang=
=3D"EN-US">Char Easter</span></b><u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal"><span style=3D"font-size:10.5pt;color:black" lang=3D=
"EN-US">UX Designer at The Seattle Times</span><u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal"><span style=3D"font-size:10pt;font-family:&quot;Aria=
l&quot;,sans-serif;color:black" lang=3D"EN-US">p: 206.464.2945</span><u></u=
><u></u></p>
<p class=3D"MsoNormal"><span style=3D"font-size:10pt;font-family:&quot;Aria=
l&quot;,sans-serif;color:black" lang=3D"EN-US">e:=C2=A0<a href=3D"mailto:ce=
[email protected]" rel=3D"noreferrer noreferrer noreferrer" target=3D"=
_blank">[email protected]</a></span><u></u><u></u></p>
<p class=3D"MsoNormal"><span style=3D"font-size:10pt;font-family:&quot;Aria=
l&quot;,sans-serif;color:black" lang=3D"EN-US">m: 206.779.2427</span><u></u=
><u></u></p>
</div>
<p class=3D"MsoNormal"><span lang=3D"EN-US">=C2=A0</span><u></u><u></u></p>
</div>
</div>
</blockquote>
</div>
<p class=3D"MsoNormal"><br clear=3D"all">
<u></u><u></u></p>
<div>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
</div>
<p class=3D"MsoNormal">--
<u></u><u></u></p>
<div>
<div>
<p class=3D"MsoNormal">Annie Heckel<u></u><u></u></p>
<div>
<p class=3D"MsoNormal">=C2=A0<u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal">Lead Accessibility Auditor<u></u><u></u></p>
</div>
<div>
<p class=3D"MsoNormal"><a href=3D"https://onlineada.com/" rel=3D"noreferrer=
 noreferrer noreferrer" target=3D"_blank">Online ADA</a><u></u><u></u></p>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
</div>

</blockquote></div>
</blockquote></div>
</blockquote></div>
</blockquote></div></div>

--000000000000e3dcfb05a61bedc6--