Add ARIA role and ARIA label to admin search form

This way screen reader users will have an easier access to it.
This commit is contained in:
Javi Martín
2020-12-03 11:42:05 +01:00
parent 155da08cf0
commit b453ed6c14
2 changed files with 6 additions and 2 deletions

View File

@@ -1,7 +1,7 @@
<div class="small-12 medium-6">
<%= form_tag(url, method: :get) do |f| %>
<%= form_tag(url, method: :get, role: "search") do |f| %>
<div class="input-group">
<%= text_field_tag :search, search_terms.to_s, placeholder: t("admin.shared.user_search.placeholder") %>
<%= text_field_tag :search, search_terms.to_s, placeholder: label, "aria-label": label %>
<div class="input-group-button">
<%= submit_tag t("admin.shared.user_search.button"), class: "button" %>
</div>

View File

@@ -10,4 +10,8 @@ class Admin::SearchComponent < ApplicationComponent
def search_terms
params[:search]
end
def label
t("admin.shared.user_search.placeholder")
end
end