ACRT 4.0.0 Support Files

Section508Coordinators · Aug 14, 2024 · ad01e1f · ad01e1f
1 parent b8cbb27
commit ad01e1f
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 21 deletions.
diff --git a/ACRT_View_webReport.html b/ACRT_View_webReport.html
@@ -402,7 +402,7 @@ <h3> Disability Impact Score </h3>
            <h3>Risk Score: {{TotalImpactedGroupNo}} </h3>
 
           <button class="collapsible"  id="dsblGrpBtn"  onclick="expandCollapse5()" >
-		  <div id="expandCollapse5"> <i class="up"></i> <h3> Show Risk Score Breakdown</h3></div>
+		  <div id="expandCollapse5"> <i class="up"></i> Show Risk Score Breakdown</div>
 		  </button>
           <div class="content">
 		   <label for="dsblImpctRslt"> </label>  <!-- <h4>Different impacted groups are separated by comma, check below</h4> -->
@@ -472,8 +472,15 @@ <h3>Risk Score: {{TotalImpactedGroupNo}} </h3>
               </ul>
             </div> -->
           </div>
-        </fieldset>
-
+
+           <div style="padding: 15px;">
+             <label for="section508PMScore">Section 508 PM Score:</label>
+             <select name="Select a score" ng-model="selected_section508_pm_score" id="section508PMScore" title="">
+                 <option value="">{{default_SelectedSection508Score}}</option>
+                 <option ng-repeat="result in optionsSection508Score" value="{{result.id}}">{{result.id}}</option>
+             </select>
+           </div>
+         </fieldset>
 
         <fieldset style="margin-left: 0em;">
           <legend>

diff --git a/ACRT_Web_Input_Form.html b/ACRT_Web_Input_Form.html
@@ -127,7 +127,14 @@ <h2> <span class="required"> Testing Information </h2>
   <br><label for="firstname" class="required"> Tester's First Name (Required<span ng-if="acrtInputForm.TesterFirstName.$valid" >, 50 chars max</span>): </label> <br><input type="string" ng-model="firstname" placeholder ="First Name, 50 chars max" class= "betnTags" id="firstname" name="TesterFirstName" title="50 Chars max" ng-maxlength="50"  size="50" limit-to="50">    
    <br><label for="lastname" class="required"> Tester's Last Name (Required<span ng-if="acrtInputForm.TesterLastName.$valid" >, 50 chars max</span>): </label> <br><input type="string" ng-model="lastname" placeholder ="Last Name, 50 chars max" class= "betnTags" id="lastname" name="TesterLastName" title="50 Chars max" ng-maxlength="50"  size="50" limit-to="50"> 
   <br><label for="testerID"> Trusted Tester ID <span ng-if="acrtInputForm.TrustedTesterId.$valid" >(50 chars max)</span>: </label> <br><input type="string" ng-model="testerID" class= "betnTags" placeholder ="ID, 50 chars max" id="testerID" name="TrustedTesterId" title="50 Chars max" ng-maxlength="50" limit-to="50">    
-  <br> <label for="testerContact" class="required"> Tester's Email (Required<span ng-if="acrtInputForm.TesterContact.$valid" >, 50 chars max</span>): </label> <br><input type="string" ng-model="testerContact" placeholder ="Contact, 50 chars max" class= "betnTags" id="testerContact" name="TesterContact" title="50 Chars max" ng-maxlength="50"  size="50" limit-to="50">
+  <br>
+     <label for="testerContact" class="required"> Tester's Email (Required<span ng-if="acrtInputForm.TesterContact.$valid" >, 50 chars max</span>): </label> <br>
+     <input type="email" ng-model="testerContact" placeholder="Contact, 50 chars max" class="betnTags" id="testerContact" name="TesterContact" title="50 Chars max" ng-maxlength="50" size="50" required>
+     <div ng-show="acrtInputForm.TesterContact.$dirty && acrtInputForm.TesterContact.$invalid">
+         <span ng-show="acrtInputForm.TesterContact.$error.required">Tester's Email is required.</span>
+         <span ng-show="acrtInputForm.TesterContact.$error.email">Invalid email address.</span>
+         <span ng-show="acrtInputForm.TesterContact.$error.maxlength">Email must be less than 50 characters.</span>
+     </div>
    <br><label for="testScope" > Testing Scope <span ng-if="acrtInputForm.TestScope.$valid" >(1000 chars max)</span>:</label><br> <textarea rows="4"cols="90"type="text"ng-model="testScope" class= "betnTags" id="testScope"name="TestScope" placeholder="test scope, 1000 chars max" title="1000 Chars max" ng-maxlength="1000" limit-to="1000"></textarea>   
     <br> Testing Method: <strong>{{selected_name_tstprcss}}	</strong>  Version  <strong>{{evlMthdVrsn}} </strong>
 
@@ -555,23 +562,34 @@ <h2> Test Results Form </h2>
 
 <td >  <div class="widetd8">
 
-<br> <input  ng-if="browseImageOption[$index]" type="file"  ng-model='imgCnvrsn[$index]'  class='addChild'  title="Browse to screenshot images" onchange="angular.element(this).scope().uploadImage(this)" accept=".jpg,.jpeg,.icon,.png,.svg,.gif" /> <br> 
+<br>
+    <input
+        ng-if="browseImageOption[$index]"
+        id="fileInput{{$index}}"
+        type="file"
+        ng-model='imgCnvrsn[$index]'
+        class='addChild'
+        title="Browse to screenshot images"
+        onchange="angular.element(this).scope().uploadImage(this)"
+        accept=".jpg,.jpeg,.icon,.png,.svg,.gif" />
+    <br>
     <img   id="image{{$index}}" ng-if="imageCapturedStored[$index]"  ng-src = {{test.ImageSrc}}  alt="" title="Browse to screenshot images" class="large-image" width="50" height="50" ng-click="zoom($index)" onerror="this.style.display='none';">      
    <img    id="image{{$index}}" ng-if="imageCaptured[$index]"  ng-src = {{imgCnvrsnCurrentValue[$index]}}  alt="" title="Browse to screenshot images" class="large-image" width="50" height="50" ng-click="zoom($index)" onerror="this.style.display='none';">    
-   <img    id="image{{$index}}" ng-if="removeClicked[$index]"  ng-src = {{imgCnvrsnCurrentValue[$index]}}  alt="" title="Browse to screenshot images" class="large-image" width="50" height="50" ng-click="zoom($index)" onerror="this.style.display='none';">    
-			
-			 <div id="{{$index}}" class="modal">
-             <span class="close" id="cls{{$index}}" >&times;</span>
-            <img  class="modal-content" id="img{{$index}}">
-             <div class="caption" id="caption{{$index}}" ></div>
-             </div>
-			
-			<br>
-			 <div ng-show="displayRemove[$index]" id= {{ 'removeImage' + $index }} >    <button   ng-model='imgCnvrsn[$index]'  title='Remove Image ' type="button" class='addChild' ng-click="removeImage([$index])">Remove Image </button>  </div>
-			  <!-- <div ng-if="browseImageOption[$index]">    <button  ng-model='imgCnvrsn[$index]'  title='Remove Image ' type="button" ng-click="removeImage([$index])">Remove Image </button>  </div> --> 
-			 <!-- <div ng-if="imageCaptured[$index]">    <button  ng-model='imgCnvrsn[$index]'  title='Remove Image ' type="button" ng-click="removeImage([$index])">Remove Image </button>  </div> -->
+   <img    id="image{{$index}}" ng-if="removeClicked[$index]"  ng-src = {{imgCnvrsnCurrentValue[$index]}}  alt="" title="Browse to screenshot images" class="large-image" width="50" height="50" ng-click="zoom($index)" onerror="this.style.display='none';">
+
+    <div id="{{$index}}" class="modal">
+        <span class="close" id="cls{{$index}}" >&times;</span>
+        <img  class="modal-content" id="img{{$index}}">
+        <div class="caption" id="caption{{$index}}" ></div>
+    </div>
+
+    <br>
+    <div ng-show="displayRemove[$index]" id="{{ 'removeImage' + $index }}" >
+        <button ng-model="imgCnvrsn[$index]" title="Remove Image" type="button" class='addChild' ng-click="removeImage($index)">Remove Image </button>
+    </div>
 </div>
-	 </td>   
+
+</td>
 <td  title="Global Issue {{default_glblRslt[$index]}}">
 <div style="width: 55px">
 

diff --git a/Instruction.html b/Instruction.html
@@ -63,6 +63,18 @@ <h2>View Report</h2>
 <li>View the Test Results.</li>
 <li>Select the Save as HTML button at the bottom or use Alt+S to generate a printer-friendly version of the report and save JSON file for future use.</li>
 <ol>
+
+</div>
+<div>
+<h2> Issues with ACRT ? </h2>
+<ol>
+<li>
+ Select<a  href="./Resources/Trusted Tester ICT Review Test Results v5.1.3 Template.xlsm" style="display: inline-block; color:blue;" id="helpID"  target="_blank" >
+ <u>Trusted Tester ICT Review Test Results v5.1.3 Template</u> </a>if you have any issues with ACRT. This is Macro enabled spreadsheet as workaround solution. 
+ </li>
+ <ol>
+<br><br><br>
+
 </div>
   </article>
 <br><br>

diff --git a/README.md b/README.md
@@ -1,9 +1,9 @@
-# ACRT 3.1.0
+# ACRT 4.0.0
 # Project Title
 **Accessibility Conformance Reporting Tool (ACRT)** 
 
 ACRT is a browser-based standalone application for recording accessibility test results from Trusted Testers. All input data will be stored as JSON &/or html files in the local machine which can be shared as needed. Information in the JSON file can be further manipulated for analytics and reporting purposes as needed. 
-Try [ACRT Here](https://section508coordinators.github.io/ACRT/index.html )
+Try [ACRT Here](https://acrttool.github.io/ACRTTest/ )
 
 ## Getting Started
 1) Download the ACRT files to your local machine from the repository. The default location is the Downloads folder. On the [main page](https://github.com/Section508Coordinators/ACRT), select the Code button above and select "Download ZIP". Once downloaded, unzip/extract files. 

diff --git a/index.html b/index.html
@@ -35,7 +35,7 @@
 We encourage and welcome feedback and suggestions from the testing community! For user support, email at <a href="mailto:[email protected]?subject=ACRT%20feedback" >DHS Accessibility Help Desk.</a>
 
 <br><br>
-<span style="color: #238900; ">Version 3.1.0 </span><br>
+<span style="color: #238900; ">Version 4.0.0 </span><br>
 
 
    <span>Developed for use in Firefox, Edge & Chrome </span>