Add aria-allowed-attr.json

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."
 }