Merge pull request #1806 from IBMa/phill-userguides

fix(extension): Update User and Quick guides
IBMa · Jan 30, 2024 · a089cfd · a089cfd
2 parents 3044945 + 6905d7e
commit a089cfd
Show file tree

Hide file tree

Showing 45 changed files with 1,319 additions and 439 deletions.
diff --git a/accessibility-checker-extension/src/assets/OGkeys/enterOG.svg b/accessibility-checker-extension/src/assets/OGkeys/enterOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/escOG.svg b/accessibility-checker-extension/src/assets/OGkeys/escOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/left_rightOG.svg b/accessibility-checker-extension/src/assets/OGkeys/left_rightOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/shiftOG.svg b/accessibility-checker-extension/src/assets/OGkeys/shiftOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/spaceOG.svg b/accessibility-checker-extension/src/assets/OGkeys/spaceOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/tabOG.svg b/accessibility-checker-extension/src/assets/OGkeys/tabOG.svg
diff --git a/accessibility-checker-extension/src/assets/OGkeys/up_downOG.svg b/accessibility-checker-extension/src/assets/OGkeys/up_downOG.svg
diff --git a/accessibility-checker-extension/src/assets/img/0_SettingsLaunchBrowserToolbar.png b/accessibility-checker-extension/src/assets/img/0_SettingsLaunchBrowserToolbar.png
diff --git a/accessibility-checker-extension/src/assets/img/1_RoleFilters.png b/accessibility-checker-extension/src/assets/img/1_RoleFilters.png
diff --git a/accessibility-checker-extension/src/assets/img/2_1_Scan.png b/accessibility-checker-extension/src/assets/img/2_1_Scan.png
diff --git a/accessibility-checker-extension/src/assets/img/2_2_ScanReport.png b/accessibility-checker-extension/src/assets/img/2_2_ScanReport.png
diff --git a/accessibility-checker-extension/src/assets/img/2_3_ScanMultiple.png b/accessibility-checker-extension/src/assets/img/2_3_ScanMultiple.png
diff --git a/accessibility-checker-extension/src/assets/img/2_4_Focus.png b/accessibility-checker-extension/src/assets/img/2_4_Focus.png
diff --git a/accessibility-checker-extension/src/assets/img/2_5_Filter.png b/accessibility-checker-extension/src/assets/img/2_5_Filter.png
diff --git a/accessibility-checker-extension/src/assets/img/2_6_Hide6wFilterOff.png b/accessibility-checker-extension/src/assets/img/2_6_Hide6wFilterOff.png
diff --git a/accessibility-checker-extension/src/assets/img/2_6_HideRecommendations.png b/accessibility-checker-extension/src/assets/img/2_6_HideRecommendations.png
diff --git a/accessibility-checker-extension/src/assets/img/2_6_Show.png b/accessibility-checker-extension/src/assets/img/2_6_Show.png
diff --git a/accessibility-checker-extension/src/assets/img/2_7_KCM.png b/accessibility-checker-extension/src/assets/img/2_7_KCM.png
diff --git a/accessibility-checker-extension/src/assets/img/2_7_KCMButton.png b/accessibility-checker-extension/src/assets/img/2_7_KCMButton.png
diff --git a/accessibility-checker-extension/src/assets/img/2_8_SettingsIcon.png b/accessibility-checker-extension/src/assets/img/2_8_SettingsIcon.png
diff --git a/accessibility-checker-extension/src/assets/img/2_8_SettingsRulesets.png b/accessibility-checker-extension/src/assets/img/2_8_SettingsRulesets.png
diff --git a/accessibility-checker-extension/src/assets/img/2_8_SettingsSelectGuideline.png b/accessibility-checker-extension/src/assets/img/2_8_SettingsSelectGuideline.png
diff --git a/accessibility-checker-extension/src/assets/img/2_Functionality.png b/accessibility-checker-extension/src/assets/img/2_Functionality.png
diff --git a/accessibility-checker-extension/src/assets/img/3_1_CheckerSplash.png b/accessibility-checker-extension/src/assets/img/3_1_CheckerSplash.png
diff --git a/accessibility-checker-extension/src/assets/img/3_3_SynchronizedViewWithHelp.png b/accessibility-checker-extension/src/assets/img/3_3_SynchronizedViewWithHelp.png
diff --git a/accessibility-checker-extension/src/assets/img/3_5_StoredScans.png b/accessibility-checker-extension/src/assets/img/3_5_StoredScans.png
diff --git a/...hecker-extension/src/assets/img/3_5_SynchronizedViewsElementsIssuesPageHelp.png b/...hecker-extension/src/assets/img/3_5_SynchronizedViewsElementsIssuesPageHelp.png
diff --git a/accessibility-checker-extension/src/assets/img/3_7_FilterScanSummary.png b/accessibility-checker-extension/src/assets/img/3_7_FilterScanSummary.png
diff --git a/accessibility-checker-extension/src/assets/img/4_AccessibilityAssessmentSplash.png b/accessibility-checker-extension/src/assets/img/4_AccessibilityAssessmentSplash.png
diff --git a/accessibility-checker-extension/src/assets/img/5_SettingsLaunchBrowserToolbar.png b/accessibility-checker-extension/src/assets/img/5_SettingsLaunchBrowserToolbar.png
diff --git a/accessibility-checker-extension/src/assets/img/7_1_ReportHTML.png b/accessibility-checker-extension/src/assets/img/7_1_ReportHTML.png
diff --git a/accessibility-checker-extension/src/assets/img/7_1_ReportXLS.png b/accessibility-checker-extension/src/assets/img/7_1_ReportXLS.png
diff --git a/accessibility-checker-extension/src/assets/img/View--off-currentcolor.svg b/accessibility-checker-extension/src/assets/img/View--off-currentcolor.svg
diff --git a/accessibility-checker-extension/src/assets/img/View--off-purple.svg b/accessibility-checker-extension/src/assets/img/View--off-purple.svg
diff --git a/accessibility-checker-extension/src/assets/left_right.svg b/accessibility-checker-extension/src/assets/left_right.svg
diff --git a/accessibility-checker-extension/src/assets/space.svg b/accessibility-checker-extension/src/assets/space.svg
diff --git a/accessibility-checker-extension/src/html/quickGuideAC.html b/accessibility-checker-extension/src/html/quickGuideAC.html
@@ -2,7 +2,7 @@
 <html>
 	<head> 
 		<meta charset="UTF-8">
-		<title>IBM Accessibility Checker quick guide</title>
+		<title>Quick guide - IBM Accessibility Checker</title>
 	</head>
 	<body>
 		<div id="pageapp-root"></div>

diff --git a/accessibility-checker-extension/src/ts/devtools/components/kcmOverviewScreen.tsx b/accessibility-checker-extension/src/ts/devtools/components/kcmOverviewScreen.tsx
@@ -80,11 +80,11 @@ export default class KCMOverviewScreen extends React.Component<IKCMOverviewScree
 
                         <div style={{marginBottom:"1rem"}}>
                             Not all keyboard accessibility issues are detectable with this tool, manual testing is required. 
-                            Refer to the <a className="link" href={chrome.runtime.getURL("quickGuideAC.html")} target="_blank">quick guide</a> for more information.
+                            Refer to the <a className="link" href={chrome.runtime.getURL("quickGuideAC.html")} target="_blank">Quick guide</a> for more information.
                         </div>
 
                         <div style={{marginBottom:"1rem"}}>
-                            You can turn off connecting lines in <a className="link" href={chrome.runtime.getURL("options.html")} target="_blank">options</a> and read more in the <a className="link" href={chrome.runtime.getURL("usingAC.html")} target="_blank">user guide</a>. 
+                            You can turn off connecting lines in <a className="link" href={chrome.runtime.getURL("options.html")} target="_blank">options</a> and read more in the <a className="link" href={chrome.runtime.getURL("usingAC.html")} target="_blank">User guide</a>. 
                         </div>
 
                     </div>

diff --git a/accessibility-checker-extension/src/ts/devtools/components/splashScreen.tsx b/accessibility-checker-extension/src/ts/devtools/components/splashScreen.tsx
@@ -43,16 +43,18 @@ export default class SplashScreen extends React.Component<ISplashScreenProps, IS
                 <Column sm={{span: 4}} md={{span: 4}} lg={{span: 4}}>
                     <h2>
                         <div className="title">IBM <span style={{ fontWeight: 600 }}>Accessibility</span></div>
-                        <div className="subtitle">Equal Access Accessibility Checker</div>
+                        <div className="subtitle">Equal Access Toolkit: Accessibility Checker</div>
                         <div className="version">Version {displayVersion()}</div>
                     </h2>
                     <div className="description">
                         This extension helps you identify accessibility issues and understand how to fix them. Use the <span style={{ fontWeight: 600 }}>'Accessibility Checker' tab in 
                         the {BrowserDetection.isChrome()?"Elements":"Inspector" } panel</span> to locate your issues in the code and on the page.<br /><br />
-                        These automated tests don't catch all issues. Complete your accessibility assessment with
-                        a <a className="link" href="https://www.ibm.com/able/toolkit/develop/overview/#unit-testing" target="_blank">quick unit test for accessibility</a><span> </span>
-                        or follow the <a className="link" href="https://www.ibm.com/able/toolkit/verify/overview"target="_blank">full accessibility test process</a>.<br /><br />
-                        Learn how to design, build and test for accessibility with the <a className="link" href="https://ibm.com/able/toolkit" target="_blank">IBM Equal Access Toolkit</a>.
+                        These automated tests don't catch all issues. Complete your accessibility assessment
+                        with <a className="link" href="https://www.ibm.com/able/toolkit/develop/overview/#unit-testing" target="_blank">developer unit testing</a><span> </span>
+                        and follow all the <a className="link" href="https://www.ibm.com/able/toolkit/verify/overview"target="_blank">steps in the Verify phase</a>.<br /><br />
+                        Learn how to design, build and test for accessibility with the <a className="link" href="https://ibm.com/able/toolkit" target="_blank">IBM Equal Access Toolkit</a>.<br /><br />
+                        For bite-sized guidance, see the <a className="link" href={chrome.runtime.getURL("quickGuideAC.html")} target="_blank" rel="noopener noreferred">Quick guide</a>.<br /><br />
+                        For more in-depth guidance, see the <a className="link" href={chrome.runtime.getURL("usingAC.html")} target="_blank" rel="noopener noreferred">User guide</a>.
                     </div>
                 </Column>
                 <Column sm={{span: 4}} md={{span: 4}} lg={{span: 4}}>