Make some accessibility changes

This is on the basis that we know the structure

js/prototype3.js

@@ -40,10 +40,19 @@ $(document).ready(function () {
             outputhtml += "<h1>" + $("#jobtitle").val() + "</h1>";
         }
         if ($("#jobarea").val().length > 0) {
-            outputhtml += "<h1>" + $("#jobarea").val() + "</h1>";
+            outputhtml += "<h2>" + $("#jobarea").val() + "</h2>";
         }
 
         // Build header unordered list
+        if (
+            $("#roletype").val().length > 0
+            || $("#salary").val().length > 0
+            || $("#positiontier").val().length > 0
+            || $("#superpercentage").val().length > 0
+            || $("#relocation").val().length > 0
+        ) {
+            outputhtml += "<section aria-labelledby=\"une-hr-posnov-header\">";
+            outputhtml += "<h3 id=\"une-hr-posnov-header\">Position overview</h3>";
             outputhtml += "<ul>";
             if ($("#roletype").val().length > 0) {
                 outputhtml += "<li>" + $("#roletype").val() + "</li>";
@@ -61,18 +70,21 @@ $(document).ready(function () {
                 outputhtml += "<li>" + $("#relocation").val() + "</li>";
             }
             outputhtml += "</ul>";
+            outputhtml += "</section>";
+        }
+
 
         if ($("#abouttherole-header").val().length > 0 && $("#abouttherole-body").val().length > 0) {
-            outputhtml += "<strong>" + $("#abouttherole-header").val() + "</strong><br>";
-            outputhtml += "<p>" + $("#abouttherole-body").val() + "</p>";
+            outputhtml += "<section aria-labelledby=\"une-hr-abtrlhd\"><h3 id=\"une-hr-abtrlhd\">" + $("#abouttherole-header").val() + "</h3><br />";
+            outputhtml += "<p>" + $("#abouttherole-body").val().replace(/(?:\r\n|\r|\n)/g, '</p><p>') + "</p></section>";
         }
         if ($("#skillsandexperience-header").val().length > 0 && $("#skillsandexperience-body").val().length > 0) {
-            outputhtml += "<strong>" + $("#skillsandexperience-header").val() + "</strong><br>";
-            outputhtml += "<p>" + $("#skillsandexperience-body").val() + "</p>";
+            outputhtml += "<section aria-labelledby=\"une-hr-skillshd\"><h3 id=\"une-hr-skillshd\">" + $("#skillsandexperience-header").val() + "</section><br />";
+            outputhtml += "<p>" + $("#skillsandexperience-body").val().replace(/(?:\r\n|\r|\n)/g, '</p><p>') + "</p></section>";
         }
 
         if ($("#contactname").val().length > 0 || $("#contactposition").val().length > 0 || $("#contactnumber").val().length > 0 || $("#contactemail").val().length > 0) {
-            outputhtml += "<strong>Additional information</strong><br><p>"
+            outputhtml += "<section aria-labelledby=\"une-hr-additinfohd\"><h3 id=\"une-hr-additinfohd\">Additional information</h3><br /><p>"
             outputhtml += "To discuss this opportunity, please contact ";
             if ($("#contactname").val().length > 0) {
                 outputhtml += $("#contactname").val() + ", ";
@@ -89,19 +101,19 @@ $(document).ready(function () {
                 }
                 outputhtml += " by email: <a href='mailto:" + $("#contactemail").val() + "'>" + $("#contactemail").val() + "</a>";
             }
-            outputhtml += "</p>";
+            outputhtml += "</p></section>";
 
 
         }
 
 
         if ($("#aboutarmidale-header").val().length > 0 && $("#aboutarmidale-body").val().length > 0) {
-            outputhtml += "<strong>" + $("#aboutarmidale-header").val() + "</strong><br>";
-            outputhtml += "<p>" + $("#aboutarmidale-body").val() + "</p>";
+            outputhtml += "<section aria-labelledby=\"une-hr-abtarmhd\"><h3 id=\"une-hr-abtarmhd\">" + $("#aboutarmidale-header").val() + "</h3><br />";
+            outputhtml += "<p>" + $("#aboutarmidale-body").val().replace(/(?:\r\n|\r|\n)/g, '</p><p>') + "</p></section>";
         }
 
 
-
+        outputhtml += "<section aria-labelledby=\"une-hr-furinfhd\"><h3 id=\"une-hr-furinfhd\">Further information</h3>";
         if ($("#closedate").val().length > 0) {
             outputhtml += "<p>" + "<strong>Cosing Date: </strong>: " + $("#closedate").val() + "</p>";
         }
@@ -110,14 +122,14 @@ $(document).ready(function () {
         }
 
         // Footer
-        outputhtml += "<b>To demonstrate your suitability for this role, please respond to the selection criteria, contained in<BR>";
-        outputhtml += "the position statement, in your application.</b> <BR>";
-        outputhtml += "<BR>";
+        outputhtml += "<strong>To demonstrate your suitability for this role, please respond to the selection criteria, contained in";
+        outputhtml += " the position statement, in your application.</strong> <br />";
+        outputhtml += "<br />";
         outputhtml += "<a href='http://www.une.edu.au/jobs-at-une' target='_blank'>www.une.edu.au/jobs-at-une</a>";
-        outputhtml += "<br><BR>";
-        outputhtml += "<i>Equity principles underpin all UNE policies and procedures. As a University committed to engaging a<BR>";
-        outputhtml += "diverse workforce, UNE encourages Aboriginal and Torres Strait Islander people to apply.<BR></i>";
-
+        outputhtml += "<br /><br />";
+        outputhtml += "<em>Equity principles underpin all UNE policies and procedures. As a University committed to engaging a ";
+        outputhtml += "diverse workforce, UNE encourages Aboriginal and Torres Strait Islander people to apply.</em>";
+        outputhtml += "</section>";
         $('#output-pre').text(outputhtml);
 
     });