{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5949","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5949/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5949/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5949/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/5949","id":351013907,"node_id":"MDExOlB1bGxSZXF1ZXN0MjA4NzE2NTY3","number":5949,"title":"Use role=\"alert\" instead of aria-live=\"assertive\" on error message container when TextField error present","user":{"login":"KevinTCoughlin","id":706967,"node_id":"MDQ6VXNlcjcwNjk2Nw==","avatar_url":"https://avatars3.githubusercontent.com/u/706967?v=4","gravatar_id":"","url":"https://api.github.com/users/KevinTCoughlin","html_url":"https://github.com/KevinTCoughlin","followers_url":"https://api.github.com/users/KevinTCoughlin/followers","following_url":"https://api.github.com/users/KevinTCoughlin/following{/other_user}","gists_url":"https://api.github.com/users/KevinTCoughlin/gists{/gist_id}","starred_url":"https://api.github.com/users/KevinTCoughlin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KevinTCoughlin/subscriptions","organizations_url":"https://api.github.com/users/KevinTCoughlin/orgs","repos_url":"https://api.github.com/users/KevinTCoughlin/repos","events_url":"https://api.github.com/users/KevinTCoughlin/events{/privacy}","received_events_url":"https://api.github.com/users/KevinTCoughlin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2018-08-16T00:30:51Z","updated_at":"2018-08-16T21:29:08Z","closed_at":null,"author_association":"COLLABORATOR","pull_request":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/5949","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/5949","diff_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/5949.diff","patch_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/5949.patch"},"body":"#### Pull request checklist\r\n\r\n- [x] Addresses an existing issue: Fixes #3902\r\n- [ ] Include a change request file using `$ npm run change`\r\n\r\n#### Description of changes\r\n\r\nThe error message content for TextField input in error state aren't announced by most browser/screen reader combos as described in #3902. The suggested solution by @daweffe and [ARIA docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role) is to use `role=\"alert\"` on the error message `<div/>`.\r\n\r\nAs per the documentation:\r\n\r\n>The alert role is used to communicate an important and usually time-sensitive message to the user. When this role is added to an element, the browser will send out an accessible alert event to assistive technology products which can then notify the user about it. The alert role is most useful for information that requires the user's immediate attention, for example:\r\n>- An invalid value was entered into a form field \r\n\r\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role#Description\r\n\r\nAlso note that this `role=\"alert\"` replaces `aria-live=\"assertive\"` because:\r\n\r\n> Using the alert role on an element implies that element has aria-live=\"assertive\".\r\n\r\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role#Notes\r\n\r\n#### Focus areas to test\r\n\r\nEnter incorrect input to an example `TextField` with a screen reader on i.e. [Narrator Buddy](https://support.microsoft.com/en-us/help/17173/windows-10-hear-text-read-aloud). When the error message appears you should receive an alert notifying you of the error. The element does not need to have focus as described in the docs.\r\n"},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/413690490","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/5949#issuecomment-413690490","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5949","id":413690490,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMzY5MDQ5MA==","user":{"login":"KevinTCoughlin","id":706967,"node_id":"MDQ6VXNlcjcwNjk2Nw==","avatar_url":"https://avatars3.githubusercontent.com/u/706967?v=4","gravatar_id":"","url":"https://api.github.com/users/KevinTCoughlin","html_url":"https://github.com/KevinTCoughlin","followers_url":"https://api.github.com/users/KevinTCoughlin/followers","following_url":"https://api.github.com/users/KevinTCoughlin/following{/other_user}","gists_url":"https://api.github.com/users/KevinTCoughlin/gists{/gist_id}","starred_url":"https://api.github.com/users/KevinTCoughlin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KevinTCoughlin/subscriptions","organizations_url":"https://api.github.com/users/KevinTCoughlin/orgs","repos_url":"https://api.github.com/users/KevinTCoughlin/repos","events_url":"https://api.github.com/users/KevinTCoughlin/events{/privacy}","received_events_url":"https://api.github.com/users/KevinTCoughlin/received_events","type":"User","site_admin":false},"created_at":"2018-08-16T21:29:08Z","updated_at":"2018-08-16T21:29:08Z","author_association":"COLLABORATOR","body":"Yea.. I need to figure out why I can't key input in Edge when Narrator is on."}}
{"actor":{"display_login":"KevinTCoughlin"}}