- From: Jason Grieves <Jason.Grieves@microsoft.com>
- Date: Thu, 9 Aug 2018 18:17:11 +0000
- To: Wayne Dick <wayneedick@gmail.com>, Laura Carlson <laura.lee.carlson@gmail.com>
- CC: Jim Allan <jimallan@tsbvi.edu>, public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
- Message-ID: <MWHPR21MB084628CB9100F3DF567898BEEF250@MWHPR21MB0846.namprd21.prod.outlook.com>
I tried out a bunch of AT tools on Windows on these examples. Here are my findings in the latest version of Edge:
AT
State
Notes
Increase size with content zoom
Pass
High Contrast
Pass
Read out loud with Edge
Fail
Misses out reading the words Jim outlined
Reading view
Not Available
Not sure why it wouldn’t be available on this simple content page
Selection to be pasted elsewhere for easier consumption
Fail
Same elements Jim has created out cannot be copied to be read our or consumed differently
Find
Fail
Confirmed Jim’s limitations with built in find with Edge
Narrator Find
Pass
Narrator found these elements, and I confirmed the UI Automation properly supported them in the tree.
From: Wayne Dick <wayneedick@gmail.com>
Sent: Thursday, August 9, 2018 6:48 AM
To: Laura Carlson <laura.lee.carlson@gmail.com>
Cc: Jim Allan <jimallan@tsbvi.edu>; public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
Subject: Re: Agenda: Low Vision Task Force 9 Aug 2018 telecon
Hi all,
You can run the examples at http://nosetothepage.org/fullPseudoTest.html<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fnosetothepage.org%2FfullPseudoTest.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338235704&sdata=ooNSMyHJdLJncwz4YFA3zZTIV%2BOBsdfqDLNnvKzUD5o%3D&reserved=0> .
I am inserting the code:
<!DOCTYPE html lang="en">
<html>
<head>
<meta charset="UTF-8">
<title>F87 Tests</title>
<link rel="stylesheet" href="https://use.fontawesome.com/c7f01dce1d.css<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fuse.fontawesome.com%2Fc7f01dce1d.css&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338235704&sdata=%2F0VtPfVqkGKTzn2K1rVoso1%2BwGqF3lvsJeJWvlrY7ro%3D&reserved=0>">
<style type="text/css">
/* Style for Example 1*/
p.jim:before { content: "Jim: " }
p.mary:before { content: "Mary: " }
q:before { content: open-quote }
q:after { content: close-quote }
p.mary q {quotes: '[' ']';}
/* Style for Example 2 */
p.fact:before { content: "Fact: "; font-weight: bold; }
p.opinion:before { content: "Opinion: "; font-weight: bold; }
/* Style for Example 3 */
a.gen::before {
content: 'Go to 14th Amendment -- Generated Content';
position: absolute !important;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
i.fa {
padding-right: 1.5em;
}
/* Style for Example 4 */
p.TOC::before {
content: '\f0c9';
padding-right: 1.5em;
font-family: "FontAwesome";
}
div.TOC, div.TOC * {
font-family: "Courier New";
}
</style>
</head>
<body>
<header>
<h1>F87 Examples</h1>
<p>>From <a href="https://www.w3.org/TR/WCAG20-TECHS/F87.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FTR%2FWCAG20-TECHS%2FF87.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338245780&sdata=xmlHwwrEbjdye1LPDK%2F2ygjF4xxzDHpk2r86HzVGLPk%3D&reserved=0>">Failure Technique F87</a>.</p>
</header>
<div id="example1">
<h2>Example 1: Jim uses quote symbols from the pseudo content, Mary's pseudo content is overwritten by the "quotes" attribute value.</h2>
<p class="jim">
<q>Do you think he's going to make it? </q>
</p>
<p class="mary">
<q>It's not looking good.</q>
</p>
</div>
<div id="example2">
<h2>Example 2: Search on the word "fact" fails to find the fact paragraph.</h2>
<p class="fact">The defendant was at the scene of the crime when it occurred.</p>
<p class="opinion">The defendant committed the crime.</p>
</div>
<div id="example3">
<h2>New Example 3 -- Icon with aria-label vs. Icon with visually hidden content in ::before pseudo element</h2>
<h3>Icon with Aria-label</h3>
<p>
<a class="label" href="https://en.wikipedia.org/wiki/Twenty-fourth_Amendment_to_the_United_States_Constitution<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTwenty-fourth_Amendment_to_the_United_States_Constitution&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338245780&sdata=WJCdEcyRZ4ndd9hInKmrWmUNWnrUs4ldZGn0xzsu%2B1w%3D&reserved=0>" aria-label="go to 14th Amendment -- aria-label"><i class="fa fa-link"></i></a> <span aria-hidden="true">14th Amendment, US Constitution</span>
</p>
<h3>Icon with generated content for screen reader</h3>
<p>
<a class="gen" href="https://en.wikipedia.org/wiki/Twenty-fourth_Amendment_to_the_United_States_Constitution<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTwenty-fourth_Amendment_to_the_United_States_Constitution&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338255855&sdata=zZ5lTFH6B%2FIQqKxrvROtPuLTD5x5yYv%2F1FJLF4Ncvag%3D&reserved=0>"><i class="fa fa-link content"></i></a> <span aria-hidden="true">14th Amendment, US Constitution</span>
</div>
<div id="example4">
<h2>New Example4: Icon fonts in a pseudo element appears to be impervious to global change of font family.</h2>
<div class="TOC">
<p class="TOC">
<a href="https://www.w3.org/TR/WCAG21/#toc<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FTR%2FWCAG21%2F%23toc&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338265930&sdata=HYqVOPiYoHFLjBON%2F%2Bq4p%2BuwH3qVq9B%2FQ7N6MyBbxnA%3D&reserved=0>">WCAG 2.1 Table of Contents</a>
</p>
</div>
</div>
</body>
</html>
Wayne
On Thu, Aug 9, 2018 at 5:20 AM Laura Carlson <laura.lee.carlson@gmail.com<mailto:laura.lee.carlson@gmail.com>> wrote:
Regrets for today.
Kindest Regards,
Laura
On 8/8/18, Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>> wrote:
> Full meeting
>
> Time: 11:00 am Eastern Time (GMT-04:00)
> IRC: irc.w3.org:6665/<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Firc.w3.org%3A6665%2F&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338265930&sdata=ew537Ep5T0OyaY6gE3D8wYlTtvoTWTpWEU9FAqlRei0%3D&reserved=0> #lvtf
> Teleconference connection info (requires W3C login permission):
> https://www.w3.org/2017/08/01-lvtf-info.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2F2017%2F08%2F01-lvtf-info.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338276006&sdata=0gEkENwU6jexK4v6BNB9gz%2BgBLsil6GGx1ZKDjxLhs0%3D&reserved=0>
>
> Agenda+ Please review Reflow Understanding Doc - wording changes
> https://www.w3.org/WAI/WCAG21/Understanding/reflow.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FWAI%2FWCAG21%2FUnderstanding%2Freflow.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338276006&sdata=Y4p74y9D3Rw7pS6RhzONUwEGNM3ZflngGGCftnNbygY%3D&reserved=0>
>
> Agenda+ Please review Long URL Technique
> https://rawgit.com/allanj-uaag/wcag21/tech-reflow/tech-reflow-url.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Frawgit.com%2Fallanj-uaag%2Fwcag21%2Ftech-reflow%2Ftech-reflow-url.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338286081&sdata=S797yB7u8BGlBXdui3ZPde9N3%2FHQbvKNMDRJcFwdsng%3D&reserved=0>
> and test page
> https://rawgit.com/allanj-uaag/wcag21/example-reflow-url/example-reflow-url.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Frawgit.com%2Fallanj-uaag%2Fwcag21%2Fexample-reflow-url%2Fexample-reflow-url.html&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338286081&sdata=ymsoxiWNvsD09txALzKCz2CqSw%2BDMWswG9TzfG5Xpq8%3D&reserved=0>
>
> Agenda+ F87, Issue 433 Generated Content - Wayne response -
> https://drive.google.com/file/d/1TfmTC3U1zFd9Hz8Oankfm-uV30xUjsmw/view?ts=5b6b3bbe<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdrive.google.com%2Ffile%2Fd%2F1TfmTC3U1zFd9Hz8Oankfm-uV30xUjsmw%2Fview%3Fts%3D5b6b3bbe&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338296157&sdata=BEMbkfpWIICumUlilLJYVx2dVYcinvD%2BqZ6h4wDsW3A%3D&reserved=0>
>
> Agenda+ User Color changes and accessible UI components - possible advisory
> techniques
> https://accessibility.blog.gov.uk/2018/08/01/supporting-users-who-change-colours-on-gov-uk/<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Faccessibility.blog.gov.uk%2F2018%2F08%2F01%2Fsupporting-users-who-change-colours-on-gov-uk%2F&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338296157&sdata=MX0wxaidn2JKEqBc5ThIAlfBrElIqrfpWa3N5vGelgo%3D&reserved=0>
>
> --
> Jim Allan, Accessibility Coordinator
> Texas School for the Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 fax: 512.206.9452 http://www.tsbvi.edu/<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.tsbvi.edu%2F&data=02%7C01%7CJason.Grieves%40microsoft.com%7C7cad29a26efe4e596f2a08d5fdfed9da%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C636694193338306232&sdata=VVWm8Yl21zzsWHdcXyvW2XJNT0uZDeCSvIMncK0IBck%3D&reserved=0>
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
>
--
Laura L. Carlson
Received on Friday, 10 August 2018 12:07:35 UTC