diff --git a/common/changes/scriby-dropdown-ax-fixes_2017-04-26-10-27.json b/common/changes/scriby-dropdown-ax-fixes_2017-04-26-10-27.json new file mode 100644 index 00000000000000..faa6ed0d34be2d --- /dev/null +++ b/common/changes/scriby-dropdown-ax-fixes_2017-04-26-10-27.json @@ -0,0 +1,10 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Dropdown: Fix an issue with screenreaders not reading menu items.", + "type": "patch" + } + ], + "email": "chscribn@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Dropdown/Dropdown.tsx b/packages/office-ui-fabric-react/src/components/Dropdown/Dropdown.tsx index 85fd5f3bc553f3..e406596da924b0 100644 --- a/packages/office-ui-fabric-react/src/components/Dropdown/Dropdown.tsx +++ b/packages/office-ui-fabric-react/src/components/Dropdown/Dropdown.tsx @@ -135,6 +135,7 @@ export class Dropdown extends BaseComponent= 0 ? (this._id + '-list' + selectedIndex) : null } aria-disabled={ disabled } + aria-owns={ id + '-list' } > { this.props.options.map((item, index) => onRenderItem({ ...item, index }, this._onRenderItem)) } @@ -311,9 +313,9 @@ export class Dropdown extends BaseComponent this._onItemClick(item.index) } - role='menu' + role='option' aria-selected={ this.state.selectedIndex === item.index ? 'true' : 'false' } - aria-label={ item.text } + ariaLabel={ item.text } > { onRenderOption(item, this._onRenderOption) } ); }