Removed high contrast handling in Toaster fixes ibm-js#158

    - removed .dj_a11y in Toaster css
    - changed the documentation
    - remove icon container in template

Toaster/ToasterMessage.html

@@ -1,7 +1,6 @@
 <template class="{{ messageTypeClass }}" touch-action="none">
 	<button type="button" class="d-toaster-dismiss" attach-point="_dismissButton"></button>
-	<span class="d-toaster-icon"></span>
 	<span class="d-toaster-message-content">
 		{{ message }}
 	</span>
-</template>
+</template>

Toaster/themes/bootstrap/Toaster.css

@@ -131,56 +131,35 @@ button.d-toaster-dismiss {
   margin: .5em;
   border: 1px transparent solid;
 }
-.dj_a11y .d-toaster-message {
-  border: .2em black solid;
-}
 .d-toaster-dismiss {
   position: relative;
   top: -5px;
   right: -21px;
 }
 .d-toaster-message {
   -webkit-touch-callout: none;
+  user-select: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none;
-}
-.dj_a11y .d-toaster-message .d-toaster-icon::before {
-  font-family: "webdings";
-  font-size: 2em;
-  margin-right: 1em;
-  line-height: .5em;
+  -moz-user-select: none;
 }
 .d-toaster-type-info {
   background: #d9edf7;
   border-color: #bce8f1;
   color: #31708f;
 }
-.dj_a11y .d-toaster-type-info .d-toaster-icon::before {
-  content: "i";
-}
 .d-toaster-type-warning {
   background-color: #fcf8e3;
   border-color: #faebcc;
   color: #8a6d3b;
 }
-.dj_a11y .d-toaster-type-warning .d-toaster-icon::before {
-  content: "U";
-}
 .d-toaster-type-success {
   background-color: #dff0d8;
   border-color: #d6e9c6;
   color: #3c763d;
 }
-.dj_a11y .d-toaster-type-success .d-toaster-icon::before {
-  content: "a";
-}
 .d-toaster-type-error {
   background-color: #f2dede;
   border-color: #ebccd1;
   color: #a94442;
 }
-.dj_a11y .d-toaster-type-error .d-toaster-icon::before {
-  content: "x";
-}

Toaster/themes/bootstrap/Toaster.less

@@ -13,59 +13,33 @@
 	border-radius:3px;
 	margin:.5em;
 	border: 1px transparent solid;
-	.dj_a11y & {
-		border: .2em black solid;
-	}
-
 }
 .d-toaster-dismiss {
 	position: relative;
 	top: -5px;
 	right: -21px;
 }
 .d-toaster-message {
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-
-	.dj_a11y & .d-toaster-icon::before {
-		font-family:"webdings";
-		font-size:2em;
-		margin-right:1em;
-		line-height:.5em;
-	}
+	-webkit-touch-callout: none; 
+	.user-select(none);
 }
 .d-toaster-type-info {
 	background: @state-info-bg;
 	border-color: @state-info-border;
 	color: @state-info-text;
-	.dj_a11y  & .d-toaster-icon::before {
-		content:"i";
-	}
 }
 .d-toaster-type-warning {
 	background-color: @state-warning-bg;
 	border-color: @state-warning-border;
 	color: @state-warning-text;
-	.dj_a11y  & .d-toaster-icon::before {
-		content:"U";
-	}
 }
 .d-toaster-type-success {
 	background-color: @state-success-bg;
 	border-color: @state-success-border;
 	color: @state-success-text;
-	.dj_a11y  & .d-toaster-icon::before {
-		content:"a";
-	}
 }
 .d-toaster-type-error {
 	background-color: @state-danger-bg;
 	border-color: @state-danger-border;
 	color: @state-danger-text;
-	.dj_a11y  & .d-toaster-icon::before {
-		content:"x";
-	}
-}
+}

docs/Toaster.md

@@ -428,7 +428,7 @@ m.dismiss("slide-out");
 |type|status|comment|
 |----|------|-------|
 |Keyboard|none| The widget does not provide with any kind of interaction through the keyboard, besides |
-|Visual Formatting|ok| The message type, an information which conveyed only through color, is translated to an icon when switching to eye contrast mode|
+|Visual Formatting|partial| The message type information, which is conveyed only through color, disappears in high contrast mode. A few options are to be considered to solve this: the developer could use icons or explicitly indicate the type in the content of the message. |
 |Screen Reader|ok|Tested on JAWS 15 and iOS 6 VoiceOver.|
 
 ### Globalization