Use some real world examples for chips

Author: tinayuangao

src/demo-app/a11y/chips/chips-a11y.html

@@ -1,9 +1,9 @@
 <section>
   <h2>Basic chips</h2>
   <md-chip-list>
-    <md-chip>Chip 1</md-chip>
-    <md-chip>Chip 2</md-chip>
-    <md-chip>Chip 3</md-chip>
+    <md-chip>Carnation</md-chip>
+    <md-chip>Irises</md-chip>
+    <md-chip>Buttercup</md-chip>
   </md-chip-list>
 
 </section>
@@ -12,9 +12,9 @@ <h2>Basic chips</h2>
   <h2>Unstyled chips</h2>
 
   <md-chip-list>
-    <md-basic-chip>Basic Chip 1</md-basic-chip>
-    <md-basic-chip>Basic Chip 2</md-basic-chip>
-    <md-basic-chip>Basic Chip 3</md-basic-chip>
+    <md-basic-chip>Husky </md-basic-chip>
+    <md-basic-chip>Golden Retriever </md-basic-chip>
+    <md-basic-chip>Border Collie </md-basic-chip>
   </md-chip-list>
 </section>
 
@@ -36,6 +36,7 @@ <h2>Removable chips in input container</h2>
 
 <section>
   <h2>Colored chips</h2>
+  <p>This example is good for contrast-radio checking.</p>
   <md-chip-list>
     <md-chip color="primary" selected="true">Primary</md-chip>
     <md-chip color="accent" selected="true">Accent</md-chip>
@@ -47,8 +48,8 @@ <h2>Colored chips</h2>
 <section>
   <h2>Stacked chips</h2>
   <md-chip-list class="mat-chip-list-stacked">
-    <md-chip [selectable]="false">Stacked chip 1</md-chip>
-    <md-chip [selectable]="false">Stacked chip 2</md-chip>
-    <md-chip [selectable]="false">Stacked chip 3</md-chip>
+    <md-chip [selectable]="false">Lemon</md-chip>
+    <md-chip [selectable]="false">Lime</md-chip>
+    <md-chip [selectable]="false">Grapefruit</md-chip>
   </md-chip-list>
 </section>