From e436f8bfa194483803f90d98bdd7ebf94dbdff6f Mon Sep 17 00:00:00 2001
From: Phill Jenkins <pjenkins@us.ibm.com>
Date: Mon, 13 Nov 2023 12:12:53 -0600
Subject: [PATCH] Links in aside

---
 .../src/ts/options/OptionsApp.tsx             | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/accessibility-checker-extension/src/ts/options/OptionsApp.tsx b/accessibility-checker-extension/src/ts/options/OptionsApp.tsx
index 68e65427d..7050bf654 100644
--- a/accessibility-checker-extension/src/ts/options/OptionsApp.tsx
+++ b/accessibility-checker-extension/src/ts/options/OptionsApp.tsx
@@ -344,21 +344,43 @@ export class OptionsApp extends React.Component<{}, OptionsAppState> {
                 choose the deployment date of the original test. 
             </p>
             <p>    
-                See the <Link inline={true} size="md" className="link" href="https://www.ibm.com/able/requirements/" target="_blank" style={{ color: '#002D9C' }} >IBM Accessibility requirements</Link> that need to be met 
-                for conforming to standards and regulations.</p>
+                See the <Link 
+                            inline={true} 
+                            size="md" 
+                            className="link" 
+                            href="https://www.ibm.com/able/requirements/" 
+                            target="_blank" rel="noopener noreferred"
+                            >IBM Accessibility requirements</Link> 
+                that need to be met for conforming to standards and regulations.
             </p>
-            <p 
+            <p> 
                 <strong>Rule updates</strong>: For details on rule changes at each deployment, 
-                see the <Link inline={true} size="md" className="link" href="https://github.com/IBMa/equal-access/releases" target="_blank" style={{ color: '#002D9C' }}>Release notes</Link>
+                see the <Link 
+                            inline={true} 
+                            size="md" 
+                            className="link"
+                            href="https://github.com/IBMa/equal-access/releases"
+                            target="_blank" rel="noopener noreferred"
+                            // style={{ color: '#002D9C' }}
+                            >Release notes</Link>.
             </p>
             <p>
-                <strong>Rule sets</strong>: A packaged set of guidelines, each of which is a collection of rules mapped to the requirements in the accessibility guideline,
-                see the <Link inline={true} size="md" className="link" href="https://www.ibm.com/able/requirements/checker-rule-sets" target="_blank" style={{ color: '#002D9C' }}>Checker rule sets</Link>
+                <strong>Rule sets</strong>: A packaged set of guidelines, 
+                each of which is a collection of rules mapped to the requirements in the accessibility guideline,
+                see the <Link
+                            inline={true}
+                            size="md"
+                            className="link"
+                            href="https://www.ibm.com/able/requirements/checker-rule-sets"
+                            target="_blank" rel="noopener noreferred"
+                            // style={{ color: '#002D9C' }}
+                            >Checker rule sets</Link>.
             </p>
             <p>
                 For more in-depth guidance, see <Link 
                     size="lg"
                     inline={true}
+                    // should className="Link" be used?
                     href={chrome.runtime.getURL("usingAC.html")}
                     target="_blank"
                     rel="noopener noreferred"