fix(vertical-nav): remove title attribute from expand/collapse butt…

…ons (#862)

The `title` attribute is read by some screen readers.

The `aria-expanded` attribute on the `button` conveys the expanded or
collapsed state. Reading the other state for the caret icon is confusing.

projects/angular/src/layout/vertical-nav/vertical-nav-group.html

@@ -11,12 +11,7 @@
     <div class="nav-group-text">
       <ng-content></ng-content>
     </div>
-    <cds-icon
-      shape="angle"
-      class="nav-group-trigger-icon"
-      [attr.direction]="expanded ? 'down' : 'right'"
-      [attr.title]="expanded ? commonStrings.keys.collapse : commonStrings.keys.expand"
-    ></cds-icon>
+    <cds-icon shape="angle" class="nav-group-trigger-icon" [attr.direction]="expanded ? 'down' : 'right'"></cds-icon>
   </button>
 </div>
 <!--TODO: This animation needs to be added to the clr-vertical-nav-group-children component-->

projects/angular/src/layout/vertical-nav/vertical-nav.html

@@ -17,7 +17,6 @@
     shape="angle-double"
     class="nav-trigger-icon"
     [attr.direction]="(this.collapsed) ? 'right' : 'left'"
-    [attr.title]="(this.collapsed) ? commonStrings.keys.expand : commonStrings.keys.collapse"
   ></cds-icon>
 </button>
 <div class="nav-content">