diff --git a/misc/demo/grid-accessiblility.html b/misc/demo/grid-accessiblility.html
new file mode 100644
index 0000000000..c031eff605
--- /dev/null
+++ b/misc/demo/grid-accessiblility.html
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Grid
+
+
+
+
+
+
+
+
+
+
diff --git a/src/less/grid.less b/src/less/grid.less
index f352d7945a..b0b96332aa 100644
--- a/src/less/grid.less
+++ b/src/less/grid.less
@@ -63,3 +63,18 @@
height: 100%;
width: 100%;
}
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.ui-grid-sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ border: 0;
+}
diff --git a/src/less/variables.less b/src/less/variables.less
index 60dd18b69f..aba4c918ae 100644
--- a/src/less/variables.less
+++ b/src/less/variables.less
@@ -69,6 +69,12 @@
@invalidValueBorder: 1px solid rgb(252, 143, 143);
@validValueBorder: 1px solid @borderColor;
+//Pagination controls
+@paginationButtonColor: @headerGradientStart;
+@paginationButtonBackgroundColor: @headerBackgroundColor;
+@paginationButtonBorderColor: #ccc;
+
+
/**
* @section font library path
*/
diff --git a/src/templates/ui-grid/ui-grid-footer.html b/src/templates/ui-grid/ui-grid-footer.html
index b7d815470f..d245b7bc23 100644
--- a/src/templates/ui-grid/ui-grid-footer.html
+++ b/src/templates/ui-grid/ui-grid-footer.html
@@ -1,9 +1,9 @@
-