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>