Bug 1424156 part 2: Don't treat message icons in the Web Console as live content for accessibility. r?nchevobbe draft
authorJames Teh <jteh@mozilla.com>
Wed, 03 Jan 2018 09:56:09 +1000
changeset 715181 d9e7e9d68f67c2f78fd7fcf16cf49bcc6b06b738
parent 715180 64e9caf73bd8914f80042142c4961937becc8f21
child 715563 a06ae83891621cdb90b90b764a862e29296cac5f
push id94082
push userbmo:jteh@mozilla.com
push dateWed, 03 Jan 2018 00:01:26 +0000
reviewersnchevobbe
bugs1424156
milestone59.0a1
Bug 1424156 part 2: Don't treat message icons in the Web Console as live content for accessibility. r?nchevobbe Message icons now get the aria-live="off" attribute. This stops screen readers from automaticaly reading icon descriptions, which might be interesting to read later but make things inefficient when automatically reading new output. MozReview-Commit-ID: BQOUnTRVkBE
devtools/client/webconsole/new-console-output/components/MessageIcon.js
--- a/devtools/client/webconsole/new-console-output/components/MessageIcon.js
+++ b/devtools/client/webconsole/new-console-output/components/MessageIcon.js
@@ -19,16 +19,17 @@ const CONSTANT_ICONS = {
   "log": getIconElement("level.log"),
   "debug": getIconElement("level.debug"),
 };
 
 function getIconElement(level) {
   return dom.span({
     className: "icon",
     title: l10n.getStr(level),
+    "aria-live": "off",
   });
 }
 
 MessageIcon.displayName = "MessageIcon";
 MessageIcon.propTypes = {
   level: PropTypes.string.isRequired,
 };
 function MessageIcon(props) {