From 3ff5d128962717549428d303b61dbfbbea3005d4 Mon Sep 17 00:00:00 2001
From: younglim <younglim@users.noreply.github.com>
Date: Mon, 15 Apr 2024 04:27:03 +0000
Subject: [PATCH] Add aria-allowed-attr.json

---
 results/aria-allowed-attr.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/results/aria-allowed-attr.json b/results/aria-allowed-attr.json
index 58749e1..dd4c9f9 100644
--- a/results/aria-allowed-attr.json
+++ b/results/aria-allowed-attr.json
@@ -72,5 +72,6 @@
   "span_role=\"\"": "The issue with the code snippet is that the `aria-level` attribute is not allowed for the `span` element's role. The correct version of the code snippet would be:\n\n<`span` `role`=\"heading\" `aria-level`=\"2\"> \n\nThis sets the `span` element's role to \"heading\" and allows the use of the `aria-level` attribute.",
   "li_aria-controls_aria-selected": "The issue with the code snippet is that the `aria-controls` and `aria-selected` attributes are not allowed for the `li` element's role. These attributes are only allowed for elements with roles that support them. \n\nThe correct version of the code snippet would be:\n\n<li role=\"tab\" aria-controls=\"mmid-cpf-overview\" aria-selected=\"false\">",
   "p_aria-level_style": "The issue with the code snippet is that the `aria-level` attribute is not allowed for the `p` element. The `aria-level` attribute is only allowed for `h1` to `h6` elements to indicate the heading level. \n\nThe correct version of the code snippet would be: \n\n<`h1` `aria-level`=\"1\" `style`=\"color: #000000; background-color: transparent; list-style-type: decimal; text-decoration: none;\">",
-  "a_aria-expanded_style": "The issue with the code snippet is that the `aria-expanded` attribute is not allowed for the `a` element's role. The correct version of the code snippet would be:\n\n<a role=\"button\" aria-expanded=\"true\" style=\"text-transform:none;\"></a>\n\nBy adding the `role=\"button\"` attribute, it allows the use of the `aria-expanded` attribute."
+  "a_aria-expanded_style": "The issue with the code snippet is that the `aria-expanded` attribute is not allowed for the `a` element's role. The correct version of the code snippet would be:\n\n<a role=\"button\" aria-expanded=\"true\" style=\"text-transform:none;\"></a>\n\nBy adding the `role=\"button\"` attribute, it allows the use of the `aria-expanded` attribute.",
+  "a_aria-controls_aria-selected_title": "The issue with the code snippet is that the `aria-selected` attribute is not allowed for the `a` element's role. The correct version of the code snippet would be:\n\n<a aria-controls=\"tab-search\" role=\"tab\" tabindex=\"0\" title=\"...\" aria-selected=\"false\"></a>\n\nBy adding the `role=\"tab\"` attribute, we specify the role of the element and allow the use of `aria-selected`. Additionally, we add `tabindex=\"0\"` to make the element focusable and allow keyboard navigation."
 }