Accessibility improvements

creativetimofficial · Feb 12, 2019 · ec77917 · ec77917
1 parent 88f7016
commit ec77917
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss b/src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss
@@ -244,7 +244,8 @@
 
         p{
             margin: 0;
-            font-weight: $font-weight-normal;
+            font-weight: $font-weight-bold;
+            color: rgba($white,0.8);
             line-height: 30px;
             position: relative;
             display: block;

diff --git a/src/components/BaseDropdown.vue b/src/components/BaseDropdown.vue
@@ -10,7 +10,7 @@
         class="dropdown-toggle btn-rotate"
         :class="titleClasses"
         :aria-expanded="isOpen"
-        :aria-label="title"
+        :aria-label="title || ariaLabel"
         data-toggle="dropdown">
         <slot name="title" :is-open="isOpen">
           <i :class="icon"></i>
@@ -58,6 +58,7 @@
         type: Boolean,
         description: "Whether menu should appear on the right"
       },
+      ariaLabel: String
     },
     data() {
       return {

diff --git a/src/pages/Dashboard.vue b/src/pages/Dashboard.vue
@@ -101,8 +101,8 @@
             <p class="card-category d-inline">{{$t('dashboard.today')}}</p>
             <base-dropdown menu-on-right=""
                            tag="div"
-                           aria-label="Settings menu"
                            title-classes="btn btn-link btn-icon"
+                           aria-label="Settings menu"
                            :class="{'float-left': isRTL}">
               <i slot="title" class="tim-icons icon-settings-gear-63"></i>
               <a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.action')}}</a>