From 99a458cfdb1b28c6894648101fcaff65a0f7c81d Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Thu, 2 Jun 2022 15:57:09 +0100
Subject: [PATCH] acesable?

---
 src/foodItems.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/foodItems.tsx b/src/foodItems.tsx
index bacd80f..a0d6024 100644
--- a/src/foodItems.tsx
+++ b/src/foodItems.tsx
@@ -8,7 +8,7 @@ export const FoodItemsContainer = (props: {
   return (
     <div>
       <h3>{props.title}</h3>
-      <div class="list-group">
+      <div class="list-group" role="list">
         {props.children}
       </div>
     </div>
@@ -49,7 +49,7 @@ export class FoodItem extends Component<FoodItemProps> {
   render() {
     return (
       <HideIfFoodExcluded {...this.props}>
-        <li class="list-group-item">{this.props.title}</li>
+        <p class="list-group-item h5" role="listitem">{this.props.title}</p>
       </HideIfFoodExcluded>
     )
   }
@@ -59,8 +59,8 @@ export class AdvancedFoodItem extends Component<FoodItemProps & { extra: string
   render() {
     return (
       <HideIfFoodExcluded {...this.props}>
-        <div class="list-group-item">
-          <h5 class="mb-1">{this.props.title}</h5>
+        <div class="list-group-item" role="listitem">
+          <p class="mb-1 h5">{this.props.title}</p>
           <p class="mb-1">{this.props.extra}</p>
         </div>
       </HideIfFoodExcluded>