Site Report

This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be used alongside human testing.

Level	WCAG 2.1	Section 508 - 2017	Key
A			Pages with level A issues are unusable for some people
AA			Pages with level AA issues are very difficult to use
AAA			Pages with level AAA issues can be difficult to use

Priority	Description and URL	Guideline and Line#	Count
Level A 2 issues on 9 pages
	An element with a `role` that hides child elements contains focusable child elements.	WCAG 2.1 A 1.3.1 Section 508 (2017) A 1.3.1 ARIA 1.1 Presentational Children	1 pages
	This `role` element marks child elements as presentational, which hides them from the accessibility tree, but some of these children are focusable, so they can be navigated to, but are not voiced in a screen reader.
	`role=tab` `role=tab` `role=tab` `role=tab` `role=tab` https://eyelight.vn/	Line 1076 1079 1082 1085 1088 ...
	Each `a` element must contain text or an `img` with an `alt` attribute.	WCAG 2.1 A F89 Section 508 (2017) A F89	9 pages
	A link name allows screen readers to voice what the links does. If there is no link text or the `alt` text is blank, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following: Add text between the `a` element start and end tags Add an `aria-label` attribute Add an `aria-labelledby` attribute Add an `img alt` attribute if the link contains an `img` element `img` elements with `role=presentation` or `role=none` are not included in the link's accessible name.
	https://eyelight.vn/	Line 2337 2340 2343 2347 2350 ...
	https://eyelight.vn/gioi-thieu	Line 361 362 365 366 367 ...
	https://eyelight.vn/lien-he	Line 345 346 349 350 351 ...
	https://eyelight.vn/van-de-mat	Line 438 439 442 443 444 ...
	This issue was found on another 5 pages. The trial version is limited to showing issues on 4 pages.
Level AA 1 issues on 9 pages
	Ensure that text and background colors have enough contrast.	WCAG 2.1 AA 1.4.3 Section 508 (2017) AA 1.4.3	9 pages
	Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background. The contrast ratio should be 3.0 or more for 18 point text, or larger The contrast ratio should be 3.0 or more for 14 point bold text, or larger The contrast ratio should be 4.5 or more for all other text
	The text color to background color contrast ratio after composition is: 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 4.10 with `color: rgb(58,58,58);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` https://eyelight.vn/	Line 832 848 897 900 904 ...
	The text color to background color contrast ratio after composition is: 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 4.10 with `color: rgb(58,58,58);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` https://eyelight.vn/gioi-thieu	Line 108 121 130 234 260 ...
	The text color to background color contrast ratio after composition is: 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 4.10 with `color: rgb(58,58,58);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 2.77 with `color: rgb(255,255,255);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` https://eyelight.vn/lien-he	Line 111 124 133 156 157 ...
	The text color to background color contrast ratio after composition is: 2.77 with `color: rgb(32,178,88);background-color: rgb(255,255,255);font-size: 13.50pt;font-weight: 400;` 2.77 with `color: rgb(255,255,255);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` 4.10 with `color: rgb(58,58,58);background-color: rgb(32,178,88);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` 3.69 with `color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 13.50pt;font-weight: 400;` https://eyelight.vn/van-de-mat	Line 109 122 131 155 422 ...
	This issue was found on another 5 pages. The trial version is limited to showing issues on 4 pages.
Level AAA 2 issues on 9 pages
	Avoid specifying a new window as the target of a link with `target=_blank`.	WCAG 2.1 AAA F22	9 pages
	Displaying new windows without warning can be very confusing to non-sighted and mobile users. Some screen readers and mobile devices give very little indication a new tab or window has opened. If you cannot avoid displaying a new window, insert a warning into the link text like the following: "opens in a new window".
	https://eyelight.vn/	Line 2337 2340 2343 2347 2350 ...
	https://eyelight.vn/gioi-thieu	Line 278 361 362 365 366 ...
	https://eyelight.vn/lien-he	Line 262 345 346 349 350 ...
	https://eyelight.vn/van-de-mat	Line 438 439 442 443 444 ...
	This issue was found on another 5 pages. The trial version is limited to showing issues on 4 pages.
	Don't use CSS animations or transitions in interactions without giving the user a way to turn them off.	WCAG 2.1 2.3.3	1 pages
	Use the `@media (prefers-reduced-motion)` media query to respect user preferences.
	`:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` `:hover transition: all 0.3s` https://eyelight.vn/	Line 1077 1080 1083 1086 1089 ...
Informative These messages are for information only and do not indicate errors or conformance problems
	`role` is ignored on this element.	ARIA 1.1 Role Conflict	1 pages
	The presentational roles `role=presentation` and `role=none` are ignored when applied to interactive elements like `button` and elements with global aria attributes like `aria-label`. This also happens when `img alt=''` is used with global aria attributes.
	https://eyelight.vn/	Line 1077 1080 1083 1086 1089 ...
	Expand all 6 issues

Site Report

Level A

Level AA

Level AAA

Informative