vebt-416, vebt-417, and vebt-419: links and heading updates to sco pa…

…ge (#31546) * updated headings for sco page and added download icons to pds * updated cypress test * updated cypress test
department-of-veterans-affairs · Aug 26, 2024 · 1dc3ecd · 1dc3ecd
1 parent 558fca3
commit 1dc3ecd
Show file tree

Hide file tree

Showing 7 changed files with 60 additions and 95 deletions.
diff --git a/src/applications/sco/components/HubRail/SchoolCertifyingOfficialHandbook.jsx b/src/applications/sco/components/HubRail/SchoolCertifyingOfficialHandbook.jsx
@@ -8,12 +8,12 @@ const SchoolCertifyingOfficialHandbook = () => {
     <div className="merger-r-rail hub-promo" id="promo">
       <img src={scoImgSrc} alt="Education Sco" />
       <section className="hub-promo-text">
-        <h4 className="heading">
+        <h2 className="heading">
           <va-link
             href="https://iam.education.va.gov/"
             text="Access Enrollment Manager"
           />
-        </h4>
+        </h2>
         <p>via the VA Education Platform Portal</p>
       </section>
     </div>

diff --git a/src/applications/sco/components/HubRail/shared/liSpanAndVaLink.jsx b/src/applications/sco/components/HubRail/shared/liSpanAndVaLink.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LiSpanAndVaLink = ({ href, hrefText }) => (
+const LiSpanAndVaLink = ({ href, hrefText, download }) => (
   <li>
-    <va-link href={href} text={hrefText} uswds />
+    <va-link href={href} text={hrefText} uswds download={download} />
   </li>
 );
 

diff --git a/src/applications/sco/components/HubRail/shared/mainContentSubSection.jsx b/src/applications/sco/components/HubRail/shared/mainContentSubSection.jsx
@@ -5,9 +5,9 @@ const MainContentSubSection = ({ id, header, children }) => {
   return (
     <section className="merger-majorlinks va-nav-linkslist va-nav-linkslist--related">
       <section className="field_related_links">
-        <h3 className="va-nav-linkslist-heading" id={id}>
+        <h2 className="va-nav-linkslist-heading" id={id}>
           {header}
-        </h3>
+        </h2>
         <ul className="va-nav-linkslist-list">{children}</ul>
       </section>
     </section>

diff --git a/src/applications/sco/components/MainContent/Update/OtherResources.jsx b/src/applications/sco/components/MainContent/Update/OtherResources.jsx
@@ -13,6 +13,7 @@ const OtherResources = () => {
       <va-accordion uswds>
         <va-accordion-item
           open
+          level="3"
           header="Enrollment Manager"
           subheader="Access Enrollment Manager  and essential training for VA student enrollment certifications and compliance."
         >
@@ -39,19 +40,23 @@ const OtherResources = () => {
           Quick Start Guides
           <ul>
             <LiSpanAndVaLink
-              hrefText="Flight - Enrollment Manager Quick Start Guide (PDF, 4 pages)"
+              download
+              hrefText="Download Flight - Enrollment Manager Quick Start Guide (PDF, 4 pages)"
               href="https://benefits.va.gov/gibill/docs/guides/flight-quick-start-guide.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="Institutions of Higher Learning - Enrollment Manager Quick Start Guide (PDF, 3 pages)"
+              download
+              hrefText="Download Institutions of Higher Learning - Enrollment Manager Quick Start Guide (PDF, 3 pages)"
               href="https://benefits.va.gov/gibill/docs/guides/ihl-quick-start-guide.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="Non-College Degree Programs - Enrollment Manager Quick Start Guide (PDF, 3 pages)"
+              download
+              hrefText="Download Non-College Degree Programs - Enrollment Manager Quick Start Guide (PDF, 3 pages)"
               href="https://benefits.va.gov/gibill/docs/guides/ncd-quick-start-guide.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="On-the-Job Training/Apprenticeship - Enrollment Manager Quick Start Guide (PDF, 4 pages)"
+              download
+              hrefText="Download On-the-Job Training/Apprenticeship - Enrollment Manager Quick Start Guide (PDF, 4 pages)"
               href="https://benefits.va.gov/gibill/docs/guides/ojtapp-quick-start-guide.pdf"
             />
           </ul>
@@ -62,13 +67,15 @@ const OtherResources = () => {
               href="https://benefits.va.gov/GIBILL/enrollment-manager/enrollment-manager-system-updates.asp"
             />
             <LiSpanAndVaLink
-              hrefText="VA Paper Based Forms to Enrollment Manager Crosswalk (PPTX, 124 pages)"
+              download
+              hrefText="Download VA Paper Based Forms to Enrollment Manager Crosswalk (PPTX, 124 pages)"
               href="https://benefits.va.gov/GIBILL/enrollment-manager/paper-based-enrollment-manager-crosswalk.pptx"
             />
           </ul>
         </va-accordion-item>
         <va-accordion-item
           open
+          level="3"
           header="Payment and debt"
           subheader="Find information about managing debt related to VA education benefits."
         >
@@ -89,6 +96,7 @@ const OtherResources = () => {
         </va-accordion-item>
         <va-accordion-item
           open
+          level="3"
           header="Veteran Readiness and Employment (VR&E) Chapter 31"
           subheader="The Veteran Readiness and Employment program assists Veterans with service-connected disabilities to explore employment options and address education and/or training needs."
         >
@@ -103,7 +111,8 @@ const OtherResources = () => {
               href="https://authentication.tungsten-network.com/login"
             />
             <LiSpanAndVaLink
-              hrefText="VR&amp;E Tungsten Invoicing (PDF, 14 pages)"
+              download
+              hrefText="Download VR&amp;E Tungsten Invoicing (PDF, 14 pages)"
               href="https://www.benefits.va.gov/GIBILL/docs/job_aids/VRE_Tungsten_Invoicing.pdf"
             />
             <LiSpanAndVaLink
@@ -133,6 +142,7 @@ const OtherResources = () => {
         </va-accordion-item>
         <va-accordion-item
           open
+          level="3"
           header="85/15"
           subheader="Information on the 85 percent rule, or 85/15 rule, which requires that at least 15 percent of students enrolled in an approved program are self-supported."
         >

diff --git a/src/applications/sco/components/MainContent/Update/UploadFileToVa.jsx b/src/applications/sco/components/MainContent/Update/UploadFileToVa.jsx
@@ -18,29 +18,35 @@ const UploadFileToVa = () => {
         <va-accordion-item
           open
           uswds
+          level="3"
           header="Forms library and other accepted documents"
           subheader="Check out the forms and documents which you can submit to VA via the Education File Upload Portal."
         >
           Accepted forms
           <ul>
             <LiSpanAndVaLink
-              hrefText="Designation of Certifying Official(s) - VA Form 22-8794 (PDF, 3 pages)"
+              download
+              hrefText="Download Designation of Certifying Official(s) - VA Form 22-8794 (PDF, 3 pages)"
               href="https://www.vba.va.gov/pubs/forms/VBA-22-8794-ARE.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="Statement of Assurance of Compliance with 85 Percent Enrollment Ratios - VA Form 22-10215 (PDF, 4 pages)"
+              download
+              hrefText="Download Statement of Assurance of Compliance with 85 Percent Enrollment Ratios - VA Form 22-10215 (PDF, 4 pages)"
               href="https://www.vba.va.gov/pubs/forms/vba-22-10215-are.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="Statement of Assurance of Compliance with 85 Percent Enrollment Ratios Continuation Sheet - VA Form 22-10215a (PDF, 2 pages)"
+              download
+              hrefText="Download Statement of Assurance of Compliance with 85 Percent Enrollment Ratios Continuation Sheet - VA Form 22-10215a (PDF, 2 pages)"
               href="https://www.vba.va.gov/pubs/forms/vba-22-10215a-are.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="35% Exemption Request from 85/15 Reporting Requirement - VA Form 22-10216 (PDF, 2 pages)"
+              download
+              hrefText="Download 35% Exemption Request from 85/15 Reporting Requirement - VA Form 22-10216 (PDF, 2 pages)"
               href="https://www.vba.va.gov/pubs/forms/vba-22-10216-are.pdf"
             />
             <LiSpanAndVaLink
-              hrefText="Conflicting Interests Certification for Proprietary Schools - VA Form 22-1919 (PDF, 1 page)"
+              download
+              hrefText="Download Conflicting Interests Certification for Proprietary Schools - VA Form 22-1919 (PDF, 1 page)"
               href="https://www.vba.va.gov/pubs/forms/VBA-22-1919-ARE.pdf"
             />
           </ul>

diff --git a/src/applications/sco/sass/sco.scss b/src/applications/sco/sass/sco.scss
@@ -1 +1,5 @@
 @import "~@department-of-veterans-affairs/formation/sass/shared-variables";
+.heading{
+    font-size: 1.0625rem;
+    margin-top: 0;
+}
diff --git a/src/applications/sco/tests/accessibility.cypress.spec.js b/src/applications/sco/tests/accessibility.cypress.spec.js
@@ -16,39 +16,30 @@ describe('Accessibility', () => {
     cy.realPress('Tab');
     cy.get('va-on-this-page').focused();
     cy.focused().should('contain.text', 'Handbooks');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 4);
     cy.focused().should('contain.text', 'Other resources for schools');
     // Tab to 'Handbooks' links
-    cy.realPress('Tab');
-    cy.focused().should('contain.text', 'School Certifying Official Handbook');
-    cy.realPress('Tab');
+
     cy.realPress('Tab');
     cy.focused().should(
       'contain.text',
-      'VR&E School Certifying Official Handbook',
+      'Understanding Veteran education benefits',
     );
-    // Tab to 'Trainings and webinars' links
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 2);
+    // Employer’s Certification Handbook On-The-Job Training & Apprenticeship Programs
+    cy.focused().should(
+      'contain.text',
+      'Employer’s Certification Handbook On-The-Job Training & Apprenticeship Programs',
+    );
+
+    cy.repeatKey('Tab', 2);
     cy.focused().should('contain.text', 'Training Requirements');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 4);
     cy.focused().should('contain.text', 'GovDelivery Message Archive');
     // Tab to 'Program approval information' links
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'WEAMS Institution Search');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 8);
     cy.focused().should(
       'contain.text',
       'State Approving Agency Contact Information',
@@ -70,15 +61,12 @@ describe('Accessibility', () => {
       'contain.text',
       'Designation of Certifying Official(s) - VA Form 22-8794 (PDF, 3 pages)',
     );
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 4);
     cy.focused().should(
       'contain.text',
       'Conflicting Interests Certification for Proprietary Schools - VA Form 22-1919 (PDF, 1 page)',
     );
-    // Tab to 'Other resources for schools' section
+    // // Tab to 'Other resources for schools' section
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'Expand all +');
     cy.realPress('Enter');
@@ -87,24 +75,14 @@ describe('Accessibility', () => {
     cy.focused().should('contain.text', 'Enrollment Manager');
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'Launch VA Education Platform Portal');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 8);
     cy.focused().should(
       'contain.text',
       'VA Paper Based Forms to Enrollment Manager Crosswalk (PPTX, 124 pages)',
     );
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'Payment and debt');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 4);
     cy.focused().should(
       'contain.text',
       'Veteran Readiness and Employment (VR&E) Chapter 31',
@@ -114,57 +92,24 @@ describe('Accessibility', () => {
       'contain.text',
       'VR&E School Certifying Official Handbook',
     );
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 6);
     cy.focused().should('contain.text', 'How to apply for VR&E');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 2);
     cy.focused().should('contain.text', '85/15');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 10);
     cy.focused().should('contain.text', 'About GI Bill Benefits');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 5);
     // Should be focused on right panel now
     cy.focused().should('contain.text', 'Access Enrollment Manager');
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'Expand all +');
     // Tab to 'Ask questions' section
     cy.realPress('Tab');
     cy.focused().should('contain.text', 'Ask questions');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 11);
     // Tab to 'Connect with us' section
-    cy.realPress('Tab');
     cy.focused().should('contain.text', 'Connect with us');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
-    cy.realPress('Tab');
+    cy.repeatKey('Tab', 5);
     cy.focused().should('contain.text', 'VBA on YouTube');
   });
 });