266 final accessibility audit (#284)

no accessibility flags on all pages!

<img width="1353" alt="Screenshot 2024-05-22 at 4 06 58 PM"
src="https://github.com/uchicago-capp-30320/CivicLens/assets/29237510/43267209-7481-42de-8d2a-b81e4b16a3dc">

civiclens/templates/about.html

@@ -233,11 +233,11 @@ <h4>
  comments available on regulations.gov as accurately as possible.
  <br><br>
  Our code lives on
- <a class="link-underline-info" href="https://github.com/uchicago-capp-30320/CivicLens/">
+ <a class="link-underline-primary" href="https://github.com/uchicago-capp-30320/CivicLens/">
  Github
  </a>
  and our documentation lives on
- <a class="link-underline-info" href="https://uchicago-capp-30320.github.io/CivicLens/">
+ <a class="link-underline-primary" href="https://uchicago-capp-30320.github.io/CivicLens/">
  CivicLens Docs.
  </a>
  We welcome comments, bug reports, and feedback!

civiclens/templates/home.html

@@ -105,10 +105,10 @@ <h6 class="text-white text-right">US Federal Commenting Process</h6>
  <div class="m-0 py-0">
  <p class="row text-white py-0">
  For a more detailed explanation, read more about the rulemaking process at the
- <a
+ <a class="link-underline-secondary"
  href="https://www.federalregister.gov/uploads/2011/01/the_rulemaking_process.pdf">
  <!-- hard code space -->
- <strong>&nbsp;Federal Register.</strong>
+ &nbsp;Federal Register.
  </a>
  </p>
  </div>

civiclens/templates/search_results.html

@@ -19,7 +19,7 @@
  <section class="slice py-4" style="background-color:#FDFFF7; padding:0" id="core-block">
  <div class="container-sm py-0">
  <div class="input-group mb-4">
- <input class="form-control" id="q" name="q" type="text" value="{{ context.form.q.value }}">
+ <input class="form-control" id="q" name="q" title="q" type="text" value="{{ context.form.q.value }}">
  <button class="btn btn-primary">Search</button>
  </div>
  </div>
@@ -66,7 +66,7 @@ <h6 class="font-italic font-weight-normal">Number of comments</h6>
 
  <div class="form-group agency-container">
  <label class="font-italic">Agency</label>
- <select multiple class="form-control agency-list" id="selected_agencies" name="selected_agencies">
+ <select multiple class="form-control agency-list" id="selected_agencies" name="selected_agencies" title="Selected Agencies">
  <!-- for loop through all agencies in the database -- USE JINJA -->
  {% for agency in agencies %}
  <option value="{{ agency.id }}" {% if agency.id|stringformat:"s" in context.form.selected_agencies.value %}selected{% endif %}>
@@ -95,7 +95,7 @@ <h6 class="font-italic font-weight-normal">Number of comments</h6>
  </label>
  </div>
  <div class="form-check">
- <input class="form-check-input" type="checkbox" name="proposed_rule" id="Proposed Rule" value="Proposed Rule" {% if not context.form.source.value %}checked{% elif context.form.proposed_rule.value %}checked{% endif %}>
+ <input class="form-check-input" type="checkbox" title="proposed_rule" name="proposed_rule" id="Proposed Rule" value="Proposed Rule" {% if not context.form.source.value %}checked{% elif context.form.proposed_rule.value %}checked{% endif %}>
  <label class="form-check-label" for="proposed_rule">
  Proposed Rule
  </label>
@@ -156,7 +156,7 @@ <h6 class="font-italic font-weight-normal">Number of comments</h6>
  {% endfor %}
  {% endif %}
  </div>
- <div class="card-footer text-muted p-0 text-right" >
+ <div class="card-footer p-0 text-right" >
  comment by {{ doc.comment_end_date }}
  </div>
  </div>
@@ -185,7 +185,7 @@ <h6 class="font-italic font-weight-normal">Number of comments</h6>
  {% endif %}
 
  <li class="page-item disabled">
- <span class="page-link">
+ <span class="page-link text-dark">
  Page {{ context.documents_page.number }} of {{ context.documents_page.paginator.num_pages }}
  </span>
  </li>