cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add aria roles to universal search modal

Browse Source
This commit is contained in:
Claudio Ortolina
2025-11-07 13:20:40 +00:00
parent 713d184b0d
commit 32f235938c
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/search_components.ex
+7 -3
View File
@@ -26,8 +26,10 @@ defmodule MusicLibraryWeb.SearchComponents do
<div <div
class={[ class={[
"p-3 rounded-lg cursor-pointer transition-colors", "p-3 rounded-lg cursor-pointer transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700" "hover:bg-zinc-50 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-500"
]} ]}
role="option"
{@rest} {@rest}
> >
<div class="flex items-center space-x-3"> <div class="flex items-center space-x-3">
@@ -72,8 +74,10 @@ defmodule MusicLibraryWeb.SearchComponents do
<div <div
class={[ class={[
"p-3 rounded-lg cursor-pointer transition-colors", "p-3 rounded-lg cursor-pointer transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700" "hover:bg-zinc-50 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-500"
]} ]}
role="option"
{@rest} {@rest}
> >
<div class="flex items-center space-x-3"> <div class="flex items-center space-x-3">
@@ -131,7 +135,7 @@ defmodule MusicLibraryWeb.SearchComponents do
</span> </span>
</h3> </h3>
<div class="space-y-2"> <div class="space-y-2" role="listbox">
{render_slot(@inner_block)} {render_slot(@inner_block)}
</div> </div>