@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/src/components/VPagination/__tests__/__snapshots__/VPagination.spec.ts.snap

@@ -2,13 +2,13 @@
 
 exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -17,50 +17,54 @@ exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
     </li>
     <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 2"
       >
         2
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 3"
       >
         3
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 4"
       >
         4
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 5"
       >
         5
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -74,13 +78,13 @@ exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
 
 exports[`VPagination.ts should only render end of range if value is equals "right" 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -89,9 +93,10 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
@@ -102,34 +107,36 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
       </span>
     </li>
     <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 98"
       >
         98
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 99"
       >
         99
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 100"
       >
         100
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -143,13 +150,13 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
 
 exports[`VPagination.ts should only render middle of range if length is big and value is somewhere in the middle 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -158,9 +165,10 @@ exports[`VPagination.ts should only render middle of range if length is big and
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
@@ -171,167 +179,32 @@ exports[`VPagination.ts should only render middle of range if length is big and
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        41
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        42
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        43
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        44
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        45
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        46
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        47
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        48
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        49
-      </button>
-    </li>
-    <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 50"
       >
         50
       </button>
     </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        51
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        52
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        53
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        54
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        55
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        56
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        57
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        58
-      </button>
-    </li>
     <li>
       <span class="v-pagination__more">
         ...
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 100"
       >
         100
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -345,14 +218,14 @@ exports[`VPagination.ts should only render middle of range if length is big and
 
 exports[`VPagination.ts should only render start and end of range if length is big 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button disabled="disabled"
+      <button class="v-pagination__navigation v-pagination__navigation--disabled"
+              disabled
               type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation v-pagination__navigation--disabled"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -361,182 +234,50 @@ exports[`VPagination.ts should only render start and end of range if length is b
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
+              aria-current="true"
+              aria-label="Current Page, Page 1"
       >
         1
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 2"
       >
         2
       </button>
     </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        3
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        4
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        5
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        6
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        7
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        8
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        9
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        10
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        11
-      </button>
-    </li>
     <li>
       <span class="v-pagination__more">
         ...
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        91
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        92
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        93
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        94
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        95
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        96
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        97
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
-      >
-        98
-      </button>
-    </li>
-    <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 99"
       >
         99
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 100"
       >
         100
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -550,13 +291,13 @@ exports[`VPagination.ts should only render start and end of range if length is b
 
 exports[`VPagination.ts should only render start of range if value is equals "left" 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -565,26 +306,28 @@ exports[`VPagination.ts should only render start of range if value is equals "le
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 2"
       >
         2
       </button>
     </li>
     <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 3"
       >
         3
       </button>
@@ -595,17 +338,18 @@ exports[`VPagination.ts should only render start of range if value is equals "le
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 100"
       >
         100
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -619,68 +363,72 @@ exports[`VPagination.ts should only render start of range if value is equals "le
 
 exports[`VPagination.ts should render component in RTL mode and match snapshot 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate mdi mdi-chevron-right theme--light"
         >
         </i>
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
     </li>
     <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 2"
       >
         2
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 3"
       >
         3
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 4"
       >
         4
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 5"
       >
         5
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate mdi mdi-chevron-left theme--light"
         >
         </i>
       </button>
@@ -691,14 +439,14 @@ exports[`VPagination.ts should render component in RTL mode and match snapshot 1
 
 exports[`VPagination.ts should render disabled buttons with length equals to 0 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button disabled="disabled"
+      <button class="v-pagination__navigation v-pagination__navigation--disabled"
+              disabled
               type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation v-pagination__navigation--disabled"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -707,10 +455,10 @@ exports[`VPagination.ts should render disabled buttons with length equals to 0 1
       </button>
     </li>
     <li>
-      <button disabled="disabled"
+      <button class="v-pagination__navigation v-pagination__navigation--disabled"
+              disabled
               type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation v-pagination__navigation--disabled"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -724,13 +472,13 @@ exports[`VPagination.ts should render disabled buttons with length equals to 0 1
 
 exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
 <nav role="navigation"
-     aria-label="$vuetify.pagination.ariaLabel.wrapper"
+     aria-label="Pagination Navigation"
 >
   <ul class="v-pagination theme--light">
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.previous"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Previous page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -739,9 +487,10 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 1"
       >
         1
       </button>
@@ -752,50 +501,55 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 47"
       >
         47
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 48"
       >
         48
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 49"
       >
         49
       </button>
     </li>
     <li>
-      <button type="button"
+      <button class="v-pagination__item v-pagination__item--active primary"
+              type="button"
               aria-current="true"
-              aria-label="$vuetify.pagination.ariaLabel.currentPage"
-              class="v-pagination__item v-pagination__item--active primary"
+              aria-label="Current Page, Page 50"
       >
         50
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 51"
       >
         51
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 52"
       >
         52
       </button>
@@ -806,17 +560,18 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
       </span>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.page"
-              class="v-pagination__item"
+      <button class="v-pagination__item"
+              type="button"
+              aria-current="false"
+              aria-label="Goto Page 100"
       >
         100
       </button>
     </li>
     <li>
-      <button type="button"
-              aria-label="$vuetify.pagination.ariaLabel.next"
-              class="v-pagination__navigation"
+      <button class="v-pagination__navigation"
+              type="button"
+              aria-label="Next page"
       >
         <i aria-hidden="true"
            class="v-icon notranslate mdi mdi-chevron-right theme--light"