VPR-104 fix(a11y): CTS area accessibility improvements (PR 3 of 6)

- Fix heading hierarchy: h2 → h1 on all 16 Vue pages, add h1 to Razor views
- Add route focus management via useRouteFocus composable (C4)
- Add aria-label to icon-only edit buttons on ManageDomains, ManageEpas,
  ManageLevels, ManageBundles, ManageRoles (Vue + Razor)
- Add aria-label to bundle competencies link buttons
- Fix ManageDomains.cshtml: add label props to inputs, move h3 outside q-list
- Add alt text to student photo in AssessmentEpaEdit
- Strict equality fixes and code quality cleanup in Razor views

Author: rlorenzo

VueApp/src/CTS/pages/AssessmentCompetency.vue

@@ -63,7 +63,7 @@ const milestoneLevels = ref([
 function submitMilestone() {}
 </script>
 <template>
-    <h2>Competency Assessment</h2>
+    <h1>Competency Assessment</h1>
     <div class="row justify-between items-center q-mb-lg">
         <div class="col-12 col-md-6">
             <h2 class="epa text-weight-regular">{{ competency.number }} {{ competency.name }}</h2>

VueApp/src/CTS/pages/AssessmentEpaEdit.vue

@@ -109,6 +109,7 @@ getStudentEpa()
                                     class="smallPhoto rounded-borders"
                                     loading="eager"
                                     :no-spinner="true"
+                                    :alt="`${studentEpa.studentName}'s photo`"
                                 ></q-img>
                             </q-avatar>
                         </div>

VueApp/src/CTS/pages/AssessmentList.vue

@@ -138,7 +138,7 @@ loadPageData()
 </script>
 
 <template>
-    <h2>View Assessments</h2>
+    <h1>View Assessments</h1>
 
     <q-form>
         <div class="row">

VueApp/src/CTS/pages/AuditList.vue

@@ -121,7 +121,7 @@ loadAreas()
 </script>
 
 <template>
-    <h2>View Audit Log</h2>
+    <h1>View Audit Log</h1>
     <q-form>
         <div class="row">
             <div class="col-12 col-md-6 col-lg-3">

VueApp/src/CTS/pages/CourseStudents.vue

@@ -3,7 +3,7 @@ import { ref } from "vue"
 const student = ref("")
 </script>
 <template>
-    <h2>Students for VET430 Lab 1 Challenging Communication - Simulated Lab with Actors and Video</h2>
+    <h1>Students for VET430 Lab 1 Challenging Communication - Simulated Lab with Actors and Video</h1>
 
     <h3>Add Student(s)</h3>
     <div class="row q-mb-md">

VueApp/src/CTS/pages/CtsHome.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-if="loadHome">
-        <h2>Competency Tracking System (CTS)</h2>
+        <h1>Competency Tracking System (CTS)</h1>
         <p>
             The Council on Education has mandated that veterinary graduates must have the basic scientific knowledge,
             skills and values to practice veterinary medicine, independently, at the time of graduation. At a minimum,

VueApp/src/CTS/pages/ManageBundleCompetencies.vue

@@ -199,7 +199,7 @@ load()
 </script>
 <template>
     <div v-if="bundle != null">
-        <h2>Competencies for Bundle {{ bundle?.name }}</h2>
+        <h1>Competencies for Bundle {{ bundle?.name }}</h1>
         <q-btn
             dense
             no-caps

VueApp/src/CTS/pages/ManageBundles.vue

@@ -82,7 +82,7 @@ async function removeBundle() {
 load()
 </script>
 <template>
-    <h2>Manage Bundles</h2>
+    <h1>Manage Bundles</h1>
     <q-card flat>
         <q-form @submit="save()">
             <h3>{{ bundle?.bundleId == null ? "Add Bundle" : "Update Bundle" }}</h3>
@@ -176,6 +176,7 @@ load()
                     dense
                     size="sm"
                     icon="edit"
+                    aria-label="Edit bundle"
                     @click="selectBundle(props.row)"
                     color="primary"
                 ></q-btn>
@@ -199,6 +200,7 @@ load()
                     class="q-mr-md"
                     icon="list"
                     color="primary"
+                    aria-label="View competencies"
                     :to="'ManageBundleCompetencies?bundleId=' + props.row.bundleId"
                 ></q-btn>
                 {{ props.row.competencyCount }}

VueApp/src/CTS/pages/ManageCompetencies.vue

@@ -111,7 +111,7 @@ watch(
 load()
 </script>
 <template>
-    <h2>Manage Competencies</h2>
+    <h1>Manage Competencies</h1>
     <q-dialog
         v-model="showForm"
         @hide="clearComp()"

VueApp/src/CTS/pages/ManageDomains.vue

@@ -51,7 +51,7 @@ getDomains()
 </script>
 
 <template>
-    <h2>Manage Domains</h2>
+    <h1>Manage Domains</h1>
     <q-form
         method="post"
         @submit="save"
@@ -142,6 +142,7 @@ getDomains()
                         dense
                         flat
                         class="secondary"
+                        aria-label="Edit domain"
                         @click="domain = d"
                     ></q-btn>
                 </q-item-section>