improve modal accessibility

2023-03-19 15:39:39 -04:00
parent 355752598c
commit e5e5449e8b
7 changed files with 38 additions and 0 deletions
--- a/lib/cannery_web/components/core_components/modal.html.heex
+++ b/lib/cannery_web/components/core_components/modal.html.heex
@@ -6,6 +6,7 @@
    p-8 flex flex-col justify-center items-center cursor-auto"
  style="background-color: rgba(0,0,0,0.4);"
  phx-remove={hide_modal()}
+  aria-label={gettext("Close modal")}
 >
  <span class="hidden"></span>
 </.link>
@@ -31,6 +32,7 @@
        text-gray-500 hover:text-gray-800
        transition-all duration-500 ease-in-out"
      phx-remove={hide_modal()}
+      aria-label={gettext("Close modal")}
    >
      <i class="fa-fw fa-lg fas fa-times"></i>
    </.link>