improve modal accessibility

This commit is contained in:
shibao 2023-03-19 15:39:39 -04:00
parent 355752598c
commit e5e5449e8b
7 changed files with 38 additions and 0 deletions

View File

@ -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>

View File

@ -1254,3 +1254,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""

View File

@ -1237,3 +1237,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""

View File

@ -1237,3 +1237,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""

View File

@ -1256,3 +1256,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""

View File

@ -1257,3 +1257,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""

View File

@ -1248,3 +1248,9 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Current Count"
msgstr ""
#: lib/cannery_web/components/core_components/modal.html.heex:9
#: lib/cannery_web/components/core_components/modal.html.heex:35
#, elixir-autogen, elixir-format
msgid "Close modal"
msgstr ""