Add role to FocusZone in BasePickerListBelow (#10867)

* role * Change files
microsoft · Oct 28, 2019 · d78a5c1 · d78a5c1
1 parent 58691b0
commit d78a5c1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/change/office-ui-fabric-react-2019-10-16-08-58-09-BasePickerListBelowRole.json b/change/office-ui-fabric-react-2019-10-16-08-58-09-BasePickerListBelowRole.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": " Added role to the selection list for BasePickerListBelow control so screen readers will read off \"n\" of \"m\" when arrowing through the list.",
+  "packageName": "office-ui-fabric-react",
+  "email": "malind@microsoft.com",
+  "commit": "adfbe74c57a96e8b75b16c0ee11397ab06a3fd5f",
+  "date": "2019-10-16T15:58:09.775Z"
+}
diff --git a/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx b/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx
@@ -1002,6 +1002,7 @@ export class BasePickerListBelow<T, P extends IBasePickerProps<T>> extends BaseP
             direction={FocusZoneDirection.bidirectional}
             isInnerZoneKeystroke={this._isFocusZoneInnerKeystroke}
             id={this._ariaMap.selectedItems}
+            role={'list'}
           >
             {this.renderItems()}
           </FocusZone>