24 April 2015

Making the LS Web Pages more accessible

I recently discovered that the basic template that IRT created for LS did not have the simple code we always had before for Screen Readers.

<div id="skip"><a href="#contentarea">Skip to
Main Content</a></div>


Here is the process I followed to add the code to all pages with the php extension -- that is all the public pages on the site.
  1. Backed up the site to an external drive.
  2. Identified a division that should exist on all of these pages to send screen readers to as the main content.  <section class="content"  id="LScontent">
  3. Identified all pages that did not have that exact division.  See spreadsheet below
  4. Used a textcrawler (batch converter) to replace <section class="content"> with <section class="content"  id="LScontent"> in the appropriate folders and subfolders.
  5. Overwrote the pertinent files on the server with the changes.
  6. Added a style to extra-LS.css  to hide skip command from page viewers, i.e. make it invisible.
  7. Added this skip code to the top of HeaderNav.php so the the screen reader would skip over all the navigation bar menus and go straight to main content, i.e., LScontent, on LS web pages.
<div id="skip"><a href="#LScontent">Skip to
Main Content</a></div>


 
Folder Subfolder # Files # with # to fix
Eresources 23 15 0
GenInfo 38 30 0
AUP 6 6 0
Challenge 5 4 0
Community 7 7 0
Dir 16 3 13
Laptops 5 5 0
Services 43 43 0
Help 63 43 20
APA 2 2 0
CSE 4 4 0
FAQs 85 85 0
MLA 3 3 0
Turabian 6 6 0
Loc 6 6 0

No comments: