<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Calibri Light";
panose-1:2 15 3 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",serif;}
h1
{mso-style-priority:9;
mso-style-link:"Heading 1 Char";
margin-top:12.0pt;
margin-right:0in;
margin-bottom:0in;
margin-left:0in;
margin-bottom:.0001pt;
page-break-after:avoid;
font-size:16.0pt;
font-family:"Calibri Light",sans-serif;
color:#2F5496;
font-weight:normal;}
h2
{mso-style-priority:9;
mso-style-link:"Heading 2 Char";
margin-top:2.0pt;
margin-right:0in;
margin-bottom:0in;
margin-left:0in;
margin-bottom:.0001pt;
line-height:105%;
page-break-after:avoid;
font-size:13.0pt;
font-family:"Calibri Light",sans-serif;
color:#2F5496;
font-weight:normal;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:8.0pt;
margin-left:.5in;
mso-add-space:auto;
line-height:105%;
font-size:11.0pt;
font-family:"Calibri",serif;}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:105%;
font-size:11.0pt;
font-family:"Calibri",serif;}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:105%;
font-size:11.0pt;
font-family:"Calibri",serif;}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0in;
margin-right:0in;
margin-bottom:8.0pt;
margin-left:.5in;
mso-add-space:auto;
line-height:105%;
font-size:11.0pt;
font-family:"Calibri",serif;}
span.Heading1Char
{mso-style-name:"Heading 1 Char";
mso-style-priority:9;
mso-style-link:"Heading 1";
font-family:"Calibri Light",sans-serif;
color:#2F5496;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-priority:9;
mso-style-link:"Heading 2";
font-family:"Calibri Light",sans-serif;
color:#2F5496;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",serif;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri",serif;
color:windowtext;}
span.EmailStyle22
{mso-style-type:personal;
font-family:"Calibri",serif;
color:windowtext;}
span.EmailStyle24
{mso-style-type:personal-reply;
font-family:"Calibri",serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:1592259;
mso-list-type:hybrid;
mso-list-template-ids:-398280726 -1804437358 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.75in;
text-indent:-.25in;}
@list l0:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.25in;
text-indent:-.25in;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:1.75in;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.25in;
text-indent:-.25in;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.75in;
text-indent:-.25in;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:3.25in;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.75in;
text-indent:-.25in;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:4.25in;
text-indent:-.25in;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:4.75in;
text-indent:-9.0pt;}
@list l1
{mso-list-id:106003140;
mso-list-type:hybrid;
mso-list-template-ids:1278524214 199375706 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l1:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:-;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Calibri",serif;
mso-fareast-font-family:Calibri;}
@list l1:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l1:level3
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l1:level4
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l1:level5
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l1:level6
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l1:level7
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l1:level8
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l1:level9
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l2
{mso-list-id:778568212;
mso-list-type:hybrid;
mso-list-template-ids:-811542402 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l2:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l2:level3
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l2:level4
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l2:level5
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l2:level6
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l2:level7
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l2:level8
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Courier New";}
@list l2:level9
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Wingdings;}
@list l3
{mso-list-id:1372264296;
mso-list-type:hybrid;
mso-list-template-ids:-398280726 -1804437358 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l3:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.75in;
text-indent:-.25in;}
@list l3:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.25in;
text-indent:-.25in;}
@list l3:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:1.75in;
text-indent:-9.0pt;}
@list l3:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.25in;
text-indent:-.25in;}
@list l3:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.75in;
text-indent:-.25in;}
@list l3:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:3.25in;
text-indent:-9.0pt;}
@list l3:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.75in;
text-indent:-.25in;}
@list l3:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:4.25in;
text-indent:-.25in;}
@list l3:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:4.75in;
text-indent:-9.0pt;}
@list l4
{mso-list-id:1650553618;
mso-list-type:hybrid;
mso-list-template-ids:925017000 -1118284672 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l4:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.75in;
text-indent:-.25in;}
@list l4:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.25in;
text-indent:-.25in;}
@list l4:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:1.75in;
text-indent:-9.0pt;}
@list l4:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.25in;
text-indent:-.25in;}
@list l4:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.75in;
text-indent:-.25in;}
@list l4:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:3.25in;
text-indent:-9.0pt;}
@list l4:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.75in;
text-indent:-.25in;}
@list l4:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:4.25in;
text-indent:-.25in;}
@list l4:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:4.75in;
text-indent:-9.0pt;}
@list l5
{mso-list-id:2094860783;
mso-list-type:hybrid;
mso-list-template-ids:925017000 -1118284672 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l5:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.75in;
text-indent:-.25in;}
@list l5:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.25in;
text-indent:-.25in;}
@list l5:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:1.75in;
text-indent:-9.0pt;}
@list l5:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.25in;
text-indent:-.25in;}
@list l5:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.75in;
text-indent:-.25in;}
@list l5:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:3.25in;
text-indent:-9.0pt;}
@list l5:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.75in;
text-indent:-.25in;}
@list l5:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:4.25in;
text-indent:-.25in;}
@list l5:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:4.75in;
text-indent:-9.0pt;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal">Hi everyone,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Making a few minor changes to the agenda. With Windows 10 feedback still coming in on the mailing list, we are adding about 10 min to the agenda for people to share feedback/issues about Windows 10. We will compile and come back in January
with a deep dive session on this.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Looking forward to the meeting Wednesday!<o:p></o:p></p>
<p class="MsoNormal">Anita Mortaloni <o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h1>Agenda for 12/13 ATHEN-Microsoft Meeting <o:p></o:p></h1>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Feedback requests
<o:p></o:p>
<ul style="margin-top:0in" type="circle">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Open discussion on Windows 10.
<o:p></o:p></li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Comments feature in WXP across mobile, Win32, Mac & web. Details below –
<a id="OWAAM38D3A2F998CD41C1835886C90B05DF2A" href="mailto:kacachel@microsoft.com">
<span style="font-family:"Calibri",serif;text-decoration:none">@Kathleen Cachel</span></a>
<o:p></o:p></li></ul>
</li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Updates<o:p></o:p>
<ul style="margin-top:0in" type="circle">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Review of feedback Mac Word scenarios –
<a id="OWAAM02C9D7F6775949F382ADBAD80951A3B6" href="mailto:cathyh@microsoft.com">
<span style="font-family:"Calibri",serif;text-decoration:none">@Cathy Harley</span></a> (this will be discussed after 9:30am)<o:p></o:p></li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Bug Updates
<o:p></o:p></li></ul>
</li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Open Discussion<o:p></o:p></li></ul>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h1>Commenting Features in WXP Scenarios for feedback <span style="font-size:11.0pt;font-family:"Calibri",serif;color:windowtext">
<o:p></o:p></span></h1>
<p class="MsoNormal">Contact: Kathleen Cachel, email: <a href="mailto:kacachel@microsoft.com">
kacachel@microsoft.com</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h2>Background<o:p></o:p></h2>
<p class="MsoNormal">The comment experience is currently being updated for Word, Excel, and PowerPoint across all the platforms (web, Win32, Mac, and mobile). Comments will all include the ability to reply and be edited. Comments will have a tree structure
such that all comment threads are collapsed and then expanded. All comment threads will be in a list. A comment thread is composed of the parent comment and its replies. Each comment visually displays the author, timestamp, & comment body text. Each comment
is a different tree item control inside the thread tree.<o:p></o:p></p>
<p class="MsoNormal">We are hoping to get some feedback around the accessible names, control types, relationships, and focus order of this experience.<o:p></o:p></p>
<h2>Questions about commenting threads:<o:p></o:p></h2>
<p class="MsoNormal">Comments will be collapsed by default and can be expanded. Collapsed comments contain a preview of the parent comment, a preview of the most recent reply and a “view X more replies” button.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is a valuable to you when focus is on the entire collapsed comment thread?<o:p></o:p></li></ul>
<p class="MsoNormal">Expanded comments contain the parent comment and the replies.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpLast" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on an entire expanded comment thread?<o:p></o:p></li></ul>
<h2>Questions about comments (parents or replies):<o:p></o:p></h2>
<p class="MsoNormal">Focus can also be placed on a single comment: a parent comment or any of its replies.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on the parent comment in a thread?<o:p></o:p></li><li class="MsoNormalCxSpLast" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on a reply comment in a thread?<o:p></o:p></li></ul>
<h2>Navigating through comment threads<o:p></o:p></h2>
<p class="MsoNormal">In collapsed cards:<o:p></o:p></p>
<p class="MsoNormal">The up and down arrows go from one comment thread in the list to another comment thread. The right arrow expands the current comment thread and puts focus on the parent.
<o:p></o:p></p>
<p class="MsoNormal">In an expanded card:<o:p></o:p></p>
<p class="MsoNormal">The up and down arrows go between the parent and replies within the thread. Right arrow goes through all the replies and when it is invoked after the last reply it collapses the current card and expands the next card putting focus on the
parent. When the card is expanded a left arrow action collapses the current card and puts focus on the collapsed thread.<o:p></o:p></p>
<p class="MsoNormal">This follows tree structure paradigms, does this feel like the right paradigm to you?<o:p></o:p></p>
<h2>Questions about the focus order in collapsed comment thread:<o:p></o:p></h2>
<p class="MsoNormal">A collapsed comment thread contains a snippet preview of the parent comment, a “view X more replies” button, a snippet preview of the latest reply, a “…” (more actions) menu which contains an option to delete the thread, and a reply box
so the thread can be directly replied to.<o:p></o:p></p>
<p class="MsoNormal">Our current focus order (using tab) is:<o:p></o:p></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l4 level1 lfo3">
Comment thread<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l4 level1 lfo3">
“View X more replies” button<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l4 level1 lfo3">
The … (more actions) menu (which contains delete and resolve thread)<o:p></o:p>
<ol style="margin-top:0in" start="1" type="a">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l4 level2 lfo3">
Related, any suggestions on the accessible name for this menu?<o:p></o:p></li></ol>
</li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l4 level1 lfo3">
The reply box<o:p></o:p></li></ol>
<p class="MsoNormal">Does this feel relevant and make sense to you? Is there anything we can improve on?<o:p></o:p></p>
<h2>Questions about the focus order in an expanded comment thread : <o:p></o:p></h2>
<p class="MsoNormal">An expanded comment thread contains the parent comment, and all the replies. On the parent item is a “…” (more actions) menu which contains a delete thread and resolve thread option. At the bottom of the card is a reply box.
<o:p></o:p></p>
<p class="MsoNormal">When the card is expanded, focus is automatically put on the parent comment. A user can up/down arrow to the reply comments in the thread. Tabbing away from a parent or reply comment retains selection so shift tab will put focus back on
the reply or parent comment that was selected.<o:p></o:p></p>
<p class="MsoNormal">Our current focus order (using tab) is:<o:p></o:p></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l0 level1 lfo4">
The parent comment or a reply comment (whatever is selected in the thread)<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l0 level1 lfo4">
The “…” (more actions) menu which contains delete and resolve thread<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l0 level1 lfo4">
The “Edit” button for the parent or reply comment<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l0 level1 lfo4">
The “delete” button if selection is on a reply comment<o:p></o:p></li></ol>
<p class="MsoNormal">Does this feel right to you? <o:p></o:p></p>
<p class="MsoNormal">Do you have enough context for which comment will be edited or deleted when you would invoke the button?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b>From:</b> Anita Mortaloni <br>
<b>Sent:</b> Tuesday, December 5, 2017 7:59 PM<br>
<b>To:</b> athen-list@u.washington.edu<br>
<b>Cc:</b> Kathleen Cachel <kacachel@microsoft.com>; Cathy Harley <cathyh@microsoft.com>; Jeff Petty <Jeff.Petty@microsoft.com>; Anita Mortaloni <anitase@microsoft.com>; Mariah Moon (DUNN) <madun@microsoft.com>; OfficeA11yATHENCollaboration <officea11yathen@service.microsoft.com><br>
<b>Subject:</b> Agenda for 12/13 ATHEN-MICROSOFT Meeting <o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hi ATHEN,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Sharing out the agenda for the upcoming ATHEN meeting next week (Wednesday 12/13 at 9am). In addition you will find details on the Commenting features in WXP that we would like feedback on.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">If you have additional items that you would like to discuss, send them prior to the meeting to add them to the agenda.
<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Talk to you all next week!<br>
Anita Mortaloni<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h1>Agenda for 12/13 ATHEN-Microsoft Meeting <o:p></o:p></h1>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Feedback requests
<o:p></o:p>
<ul style="margin-top:0in" type="circle">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Comments feature in WXP across mobile, Win32, Mac & web. Details below –
<a id="OWAAM5EFB22C383364C3C96B3075D4E19EE5E" href="mailto:kacachel@microsoft.com">
<span style="font-family:"Calibri",serif;text-decoration:none">@Kathleen Cachel</span></a>
<o:p></o:p></li></ul>
</li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Updates<o:p></o:p>
<ul style="margin-top:0in" type="circle">
<li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Windows feedback (pending confirmation)<o:p></o:p></li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Bug updates<o:p></o:p></li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level2 lfo1">Review of feedback Mac Word scenarios –
<a id="OWAAM7C0FC4E5702A4B32BBC07022155BAEBA" href="mailto:cathyh@microsoft.com">
<span style="font-family:"Calibri",serif;text-decoration:none">@Cathy Harley</span></a> (this will be discussed after 9:30am)<o:p></o:p></li></ul>
</li><li class="MsoNormal" style="margin-left:0in;mso-list:l1 level1 lfo1">Open Discussion<o:p></o:p></li></ul>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h1>Commenting Features in WXP Scenarios for feedback <span style="font-size:11.0pt;font-family:"Calibri",serif;color:windowtext">
<o:p></o:p></span></h1>
<p class="MsoNormal">Contact: Kathleen Cachel, email: <a href="mailto:kacachel@microsoft.com">
kacachel@microsoft.com</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h2>Background<o:p></o:p></h2>
<p class="MsoNormal">The comment experience is currently being updated for Word, Excel, and PowerPoint across all the platforms (web, Win32, Mac, and mobile). Comments will all include the ability to reply and be edited. Comments will have a tree structure
such that all comment threads are collapsed and then expanded. All comment threads will be in a list. A comment thread is composed of the parent comment and its replies. Each comment visually displays the author, timestamp, & comment body text. Each comment
is a different tree item control inside the thread tree.<o:p></o:p></p>
<p class="MsoNormal">We are hoping to get some feedback around the accessible names, control types, relationships, and focus order of this experience.<o:p></o:p></p>
<h2>Questions about commenting threads:<o:p></o:p></h2>
<p class="MsoNormal">Comments will be collapsed by default and can be expanded. Collapsed comments contain a preview of the parent comment, a preview of the most recent reply and a “view X more replies” button.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is a valuable to you when focus is on the entire collapsed comment thread?<o:p></o:p></li></ul>
<p class="MsoNormal">Expanded comments contain the parent comment and the replies.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpLast" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on an entire expanded comment thread?<o:p></o:p></li></ul>
<h2>Questions about comments (parents or replies):<o:p></o:p></h2>
<p class="MsoNormal">Focus can also be placed on a single comment: a parent comment or any of its replies.<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on the parent comment in a thread?<o:p></o:p></li><li class="MsoNormalCxSpLast" style="margin-bottom:8.0pt;margin-left:0in;mso-add-space:auto;line-height:105%;mso-list:l2 level1 lfo2">
What information is valuable to you when the focus is placed on a reply comment in a thread?<o:p></o:p></li></ul>
<h2>Navigating through comment threads<o:p></o:p></h2>
<p class="MsoNormal">In collapsed cards:<o:p></o:p></p>
<p class="MsoNormal">The up and down arrows go from one comment thread in the list to another comment thread. The right arrow expands the current comment thread and puts focus on the parent.
<o:p></o:p></p>
<p class="MsoNormal">In an expanded card:<o:p></o:p></p>
<p class="MsoNormal">The up and down arrows go between the parent and replies within the thread. Right arrow goes through all the replies and when it is invoked after the last reply it collapses the current card and expands the next card putting focus on the
parent. When the card is expanded a left arrow action collapses the current card and puts focus on the collapsed thread.<o:p></o:p></p>
<p class="MsoNormal">This follows tree structure paradigms, does this feel like the right paradigm to you?<o:p></o:p></p>
<h2>Questions about the focus order in collapsed comment thread:<o:p></o:p></h2>
<p class="MsoNormal">A collapsed comment thread contains a snippet preview of the parent comment, a “view X more replies” button, a snippet preview of the latest reply, a “…” (more actions) menu which contains an option to delete the thread, and a reply box
so the thread can be directly replied to.<o:p></o:p></p>
<p class="MsoNormal">Our current focus order (using tab) is:<o:p></o:p></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l5 level1 lfo6">
Comment thread<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l5 level1 lfo6">
“View X more replies” button<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l5 level1 lfo6">
The … (more actions) menu (which contains delete and resolve thread)<o:p></o:p>
<ol style="margin-top:0in" start="1" type="a">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l5 level2 lfo6">
Related, any suggestions on the accessible name for this menu?<o:p></o:p></li></ol>
</li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l5 level1 lfo6">
The reply box<o:p></o:p></li></ol>
<p class="MsoNormal">Does this feel relevant and make sense to you? Is there anything we can improve on?<o:p></o:p></p>
<h2>Questions about the focus order in an expanded comment thread : <o:p></o:p></h2>
<p class="MsoNormal">An expanded comment thread contains the parent comment, and all the replies. On the parent item is a “…” (more actions) menu which contains a delete thread and resolve thread option. At the bottom of the card is a reply box.
<o:p></o:p></p>
<p class="MsoNormal">When the card is expanded, focus is automatically put on the parent comment. A user can up/down arrow to the reply comments in the thread. Tabbing away from a parent or reply comment retains selection so shift tab will put focus back on
the reply or parent comment that was selected.<o:p></o:p></p>
<p class="MsoNormal">Our current focus order (using tab) is:<o:p></o:p></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l3 level1 lfo8">
The parent comment or a reply comment (whatever is selected in the thread)<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l3 level1 lfo8">
The “…” (more actions) menu which contains delete and resolve thread<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l3 level1 lfo8">
The “Edit” button for the parent or reply comment<o:p></o:p></li><li class="MsoNormalCxSpMiddle" style="margin-bottom:8.0pt;margin-left:.25in;mso-add-space:auto;line-height:105%;mso-list:l3 level1 lfo8">
The “delete” button if selection is on a reply comment<o:p></o:p></li></ol>
<p class="MsoNormal">Does this feel right to you? <o:p></o:p></p>
<p class="MsoNormal">Do you have enough context for which comment will be edited or deleted when you would invoke the button?<o:p></o:p></p>
</div>
</body>
</html>