show.erb in decidim-comments-0.28.2

- old
+ new

@@ -1,12 +1,14 @@
-<%= content_tag :div, id: "comment_#{model.id}", class: "comment relative", data: { comment_id: model.id } do %>
+<%= content_tag :div, id: "comment_#{model.id}", class: "comment relative", role: "comment", data: { comment_id: model.id, parent: parent_element_id } do %>
   <% if model.hidden? %>
     <%= render :moderation_data %>
   <% elsif model.deleted? %>
     <%= render :deletion_data %>
   <% else %>
     <div class="comment__header">
+      <div class="sr-only"><%= comment_label %></div>
+
       <span class="font-bold">
         <%== cell("decidim/author", author_presenter) %>
       </span>
       <span class="text-gray-2 text-sm">
         <%= time_tag created_at, time_ago_in_words(created_at) %>
@@ -16,10 +18,10 @@
           <%= t("decidim.components.comment.edited") %>
         </span>
       <% end %>
 
       <div class="relative ml-auto">
-        <button id="dropdown-trigger-<%= context_menu_id %>" data-component="dropdown" data-target="dropdown-menu-<%= context_menu_id %>">
+        <button id="dropdown-trigger-<%= context_menu_id %>" data-component="dropdown" data-target="dropdown-menu-<%= context_menu_id %>" aria-label="<%= t("decidim.components.comment.controls_label") %>">
           &#8230;
         </button>
 
         <div id="dropdown-menu-<%= context_menu_id %>" aria-hidden="true">
           <ul class="dropdown dropdown__bottom divide-y divide-gray-3 px-4">