Skip to content

Commit

Permalink
Add landmark-unique.json
Browse files Browse the repository at this point in the history
  • Loading branch information
younglim committed May 31, 2024
1 parent 75e5070 commit 66433e1
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion results/landmark-unique.json
Original file line number Diff line number Diff line change
Expand Up @@ -79,5 +79,6 @@
"mio-toolbar_role": "The issue with the code snippet is that the `mio-toolbar` element has a `role` attribute with the value of \"banner\", but it does not have a unique label or title. This can make it difficult for users with assistive technology to understand the purpose of the element. \n\nThe correct version of the code snippet should include a unique label or title for the `mio-toolbar` element. For example: \n\n<`mio-toolbar` `role`=\"banner\" `aria-label`=\"Main Navigation\">",
"slideshow-carousel_role_style": "The issue with the given code snippet is that the `role` attribute of `slideshow-carousel` is not specific enough and does not have a corresponding `aria-label` or `title` attribute to provide context and meaning for screen reader users. \n\nThe correct version of the code snippet should be: <`div` `role`=\"region\" `aria-label`=\"Slideshow Carousel\" `style`=\"opacity: 1;\">. This version uses a `div` element with a `role` attribute set to \"region\" and an `aria-label` attribute to provide a descriptive label for the carousel. This will improve the accessibility of the component for all users.",
"price-list_aria-live_role": "The issue with the given code snippet is that the `role` attribute of the `price-list` landmark is not unique or descriptive enough to provide accessibility information to assistive technologies. It is recommended to add a descriptive label or title to the landmark to provide context and meaning to users. \n\nThe corrected version of the code snippet is:\n\n<`div` `aria-label`=\"Price List\" `aria-live`=\"polite\" `role`=\"region\" `class`=\"price-list\">",
"main_lang": "The issue with the given code snippet is that the `main` element does not have a unique role or label/title, which can make it difficult for users with disabilities to navigate and understand the content. \n\nThe correct version of the code snippet should include a unique role and/or label/title for the `main` element, such as:\n\n<main role=\"main\" aria-label=\"Main content\" lang=\"en\"></main> \n\nThis version ensures that assistive technologies can properly identify and communicate the purpose of the `main` element to users with disabilities."
"main_lang": "The issue with the given code snippet is that the `main` element does not have a unique role or label/title, which can make it difficult for users with disabilities to navigate and understand the content. \n\nThe correct version of the code snippet should include a unique role and/or label/title for the `main` element, such as:\n\n<main role=\"main\" aria-label=\"Main content\" lang=\"en\"></main> \n\nThis version ensures that assistive technologies can properly identify and communicate the purpose of the `main` element to users with disabilities.",
"aside_tabindex": "The issue with the code snippet is that the `aside` element does not have a unique role or role/label/title attribute, which can make it difficult for users with disabilities to navigate the page. To fix this, the `aside` element should have a role attribute with a unique value, such as `role=\"complementary\"` or `role=\"navigation\"`. Additionally, the element should have a label or title attribute that describes its purpose on the page. A corrected version of the code snippet could be:\n\n<aside role=\"complementary\" tabindex=\"0\" aria-label=\"Related content\">"
}

0 comments on commit 66433e1

Please sign in to comment.