From a8d6bbb9a319498de3d2b375b1b5d0ea122c1781 Mon Sep 17 00:00:00 2001
From: Janette Day <janette@nuams.co>
Date: Mon, 17 Mar 2014 14:06:14 -0500
Subject: [PATCH] Update widget.queryeditor.js and widget.queryeditor.js

To be 508 compliant all form input fields need to have a label.
Reference: http://wac.osu.edu/tutorials/section508/forms.htm

Added css modification as well for the labels to remain hidden.
---
 css/multiview.css         | 8 ++++++++
 src/widget.pager.js       | 2 +-
 src/widget.queryeditor.js | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/multiview.css b/css/multiview.css
index 6837e7c2..02c4b704 100644
--- a/css/multiview.css
+++ b/css/multiview.css
@@ -67,6 +67,10 @@
   vertical-align: top;
 }
 
+.header .recline-query-editor label {
+  display:none;
+}
+
 /**********************************************************
   * Pager
   *********************************************************/
@@ -78,6 +82,10 @@
   margin-left: 20px;
 }
 
+.header .recline-pager .pagination label {
+  display:none;
+}
+
 .header .recline-pager .pagination input {
   width: 30px;
   height: 18px;
diff --git a/src/widget.pager.js b/src/widget.pager.js
index fa112f4a..e5d81283 100644
--- a/src/widget.pager.js
+++ b/src/widget.pager.js
@@ -12,7 +12,7 @@ my.Pager = Backbone.View.extend({
     <div class="pagination"> \
       <ul> \
         <li class="prev action-pagination-update"><a href="">&laquo;</a></li> \
-        <li class="active"><a><input name="from" type="text" value="{{from}}" /> &ndash; <input name="to" type="text" value="{{to}}" /> </a></li> \
+        <li class="active"><label for="from">From</label><a><input name="from" type="text" value="{{from}}" /> &ndash; <label for="to">To</label><input name="to" type="text" value="{{to}}" /> </a></li> \
         <li class="next action-pagination-update"><a href="">&raquo;</a></li> \
       </ul> \
     </div> \
diff --git a/src/widget.queryeditor.js b/src/widget.queryeditor.js
index 87defe0d..d6566566 100644
--- a/src/widget.queryeditor.js
+++ b/src/widget.queryeditor.js
@@ -12,7 +12,7 @@ my.QueryEditor = Backbone.View.extend({
     <form action="" method="GET" class="form-inline"> \
       <div class="input-prepend text-query"> \
         <span class="add-on"><i class="icon-search"></i></span> \
-        <input type="text" name="q" value="{{q}}" class="span2" placeholder="Search data ..." class="search-query" /> \
+        <label>Search</label><input type="text" name="q" value="{{q}}" class="span2" placeholder="Search data ..." class="search-query" /> \
       </div> \
       <button type="submit" class="btn">Go &raquo;</button> \
     </form> \