Links in aside

IBMa · Nov 13, 2023 · e436f8b · e436f8b
1 parent db2e5e6
commit e436f8b
Showing 1 changed file with 28 additions and 6 deletions.
diff --git 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"