From 0e85afc21eb41d8b6e57f1e9b9f30ea4be48dc54 Mon Sep 17 00:00:00 2001
From: Amy Yang <amy.yang7991@gmail.com>
Date: Mon, 26 Feb 2024 11:03:53 -0500
Subject: [PATCH 1/2] remove border and p tag

---
 src/app/components/StateRoute/AxMap/axLegend.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/components/StateRoute/AxMap/axLegend.tsx b/src/app/components/StateRoute/AxMap/axLegend.tsx
index 05cdbdffe..b2d61806b 100644
--- a/src/app/components/StateRoute/AxMap/axLegend.tsx
+++ b/src/app/components/StateRoute/AxMap/axLegend.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 const AxLegend = () => {
     return (
-        <div style={{borderStyle: 'solid'}}>
+        <div>
             Nodes from the accessibility tree have either a role <strong>role</strong> or <strong>internalRole</strong>
             <ul>
                 <li>
@@ -17,7 +17,6 @@ const AxLegend = () => {
             <p> Each node is given a property labeled <strong>ignored</strong>. </p>
             <p> Nodes read by the screen reader have their ignored property evaluate to <strong>false</strong>. 
             Nodes not read by the screen reader evaluate to <strong>true</strong>.</p>
-            <p> Nodes labeled <strong>"visible node with no name"</strong> have the ignored property set to false, but are not given a name</p>
         </div>
     );
 }

From 40a7622ccab99cf5b4a511b5825d6e0919e61ae8 Mon Sep 17 00:00:00 2001
From: Amy Yang <amy.yang7991@gmail.com>
Date: Tue, 27 Feb 2024 15:03:21 -0500
Subject: [PATCH 2/2] adjust text in ax legend component

---
 src/app/components/StateRoute/AxMap/axLegend.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/components/StateRoute/AxMap/axLegend.tsx b/src/app/components/StateRoute/AxMap/axLegend.tsx
index b2d61806b..9ebe139a5 100644
--- a/src/app/components/StateRoute/AxMap/axLegend.tsx
+++ b/src/app/components/StateRoute/AxMap/axLegend.tsx
@@ -14,9 +14,10 @@ const AxLegend = () => {
                 </li>
             </ul>
 
-            <p> Each node is given a property labeled <strong>ignored</strong>. </p>
-            <p> Nodes read by the screen reader have their ignored property evaluate to <strong>false</strong>. 
+            <p> Each node is given a property labeled <strong>ignored</strong>. Nodes read by the screen reader have their ignored property evaluate to <strong>false</strong>. 
             Nodes not read by the screen reader evaluate to <strong>true</strong>.</p>
+
+            <p> Nodes labeled as <strong>no name</strong> are visible to a screen reader, but were not given a name label.</p>
         </div>
     );
 }