Merge pull request #1376 from pat270/clayui-pagination-tabindex

(clayui.com) Pagination added `tabindex="-1"` to disabled anchor item…
liferay · Dec 10, 2018 · 41fe20d · 41fe20d
2 parents 3697379 + 85d7f83
commit 41fe20d
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/clayui.com/content/docs/components/pagination.md b/clayui.com/content/docs/components/pagination.md
@@ -16,7 +16,7 @@ Pagination provides horizontal navigation between chunks(pages) of a dataset.
 
 <ul class="pagination">
 	<li class="disabled page-item">
-		<a class="page-link" href="#1" role="button">
+		<a class="page-link" href="#1" role="button" tabindex="-1">
 			<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 				<use href="/images/icons/icons.svg#angle-left" />
 			</svg>
@@ -59,7 +59,7 @@ Pagination provides horizontal navigation between chunks(pages) of a dataset.
 ```html
 <ul class="pagination">
 	<li class="disabled page-item">
-		<a class="page-link" href="#1" role="button">
+		<a class="page-link" href="#1" role="button" tabindex="-1">
 			<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 				<use href="/images/icons/icons.svg#angle-left" />
 			</svg>
@@ -123,7 +123,7 @@ Pagination provides horizontal navigation between chunks(pages) of a dataset.
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -184,7 +184,7 @@ Pagination provides horizontal navigation between chunks(pages) of a dataset.
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>

diff --git a/clayui.com/content/docs/css-framework/page-examples/card-view-template.md b/clayui.com/content/docs/css-framework/page-examples/card-view-template.md
@@ -941,7 +941,7 @@ title: "Card View Template"
 			<div class="pagination-results">Showing 223,922 to 223,932 of 1,292,203 entries.</div>
 			<ul class="pagination">
 				<li class="disabled page-item">
-					<a class="page-link" href="#1">
+					<a class="page-link" href="#1" tabindex="-1">
 						<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 							<use href="/images/icons/icons.svg#angle-left" />
 						</svg>

diff --git a/clayui.com/content/docs/css-framework/page-examples/list-view-template.md b/clayui.com/content/docs/css-framework/page-examples/list-view-template.md
@@ -773,7 +773,7 @@ title: "List View Template"
 			<div class="pagination-results">Showing 223,922 to 223,932 of 1,292,203 entries.</div>
 			<ul class="pagination">
 				<li class="disabled page-item">
-					<a class="page-link" href="#1">
+					<a class="page-link" href="#1" tabindex="-1">
 						<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 							<use href="/images/icons/icons.svg#angle-left" />
 						</svg>

diff --git a/clayui.com/content/docs/css-framework/satellites/paginations.md b/clayui.com/content/docs/css-framework/satellites/paginations.md
@@ -27,7 +27,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -90,7 +90,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -155,7 +155,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -218,7 +218,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -283,7 +283,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -346,7 +346,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<a class="page-link" href="#1" role="button">
+			<a class="page-link" href="#1" role="button" tabindex="-1">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -411,7 +411,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<button class="btn btn-unstyled page-link" type="button">
+			<button class="btn btn-unstyled page-link" disabled type="button">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>
@@ -480,7 +480,7 @@ title: "Paginations"
 	<div class="pagination-results">Showing 1 to 20 of 203 entries.</div>
 	<ul class="pagination">
 		<li class="disabled page-item">
-			<button class="btn btn-unstyled page-link" type="button">
+			<button class="btn btn-unstyled page-link" disabled type="button">
 				<svg class="lexicon-icon lexicon-icon-angle-left" focusable="false" role="presentation">
 					<use href="/images/icons/icons.svg#angle-left" />
 				</svg>