From f52eeb22c38d90ef83029a4bacabd111ad1d1fda Mon Sep 17 00:00:00 2001
From: Chris McCord <chris@chrismccord.com>
Date: Thu, 18 Nov 2021 15:22:22 -0500
Subject: [PATCH] aria popup

---
 lib/live_beats_web/views/layout_view.ex | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/lib/live_beats_web/views/layout_view.ex b/lib/live_beats_web/views/layout_view.ex
index d8f7f83..9f5fb42 100644
--- a/lib/live_beats_web/views/layout_view.ex
+++ b/lib/live_beats_web/views/layout_view.ex
@@ -68,9 +68,15 @@ defmodule LiveBeatsWeb.LayoutView do
     <!-- User account dropdown -->
     <div class="px-3 mt-6 relative inline-block text-left">
       <div>
-        <button id={"#{@id}-menu"} type="button" phx-hook="Menu" data-active-class="bg-gray-100"
+        <button
+          id={"#{@id}-menu"}
+          type="button"
           class="group w-full bg-gray-100 rounded-md px-3.5 py-2 text-sm text-left font-medium text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-purple-500"
-          phx-click={show_dropdown("##{@id}-dropdown")}>
+          phx-click={show_dropdown("##{@id}-dropdown")}
+          phx-hook="Menu"
+          data-active-class="bg-gray-100"
+          aria-haspopup="true"
+        >
           <span class="flex w-full justify-between items-center">
             <span class="flex min-w-0 items-center justify-between space-x-3">
               <img class="w-10 h-10 bg-gray-300 rounded-full flex-shrink-0"