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
3 issues on 1 pages | |
| | An element with a role that hides child elements contains focusable child elements. | WCAG 2.1 A 4.1.2 Section 508 (2017) A 4.1.2 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://taowebsite.com.vn/ | Line 1888 1891 1894 1897 1900
...
| |
| | Each a element must contain text or an img with an alt attribute. | WCAG 2.1 A F89 Section 508 (2017) A F89 | 1 pages |
|
A link name allows screen readers to voice what the links does. If there is no link text / `alt` text, or the text / image is hidden by CSS, 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
| 2.4.4 2.4.9 4.1.2 | |
| https://taowebsite.com.vn/ | Line 1861 3177 3180 3183 3336
...
| |
| | iframe and frame elements must have a title attribute. | WCAG 2.1 A 4.1.2 Section 508 (2017) A 4.1.2 | 1 pages |
|
Add a title attribute or ARIA label to each iframe and frame element (e.g. title='Main Content'). Without a title some screen readers read out the frame filename, which is usually meaningless. Impact on users: - VoiceOver macOS 11.5 Safari 15.0 macOS 11.5.2 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.15 Safari 14.1 macOS 10.15.7 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Meaningless frame title read out.
| | |
| https://taowebsite.com.vn/ | Line 1208 1244 1249 1285 1321
...
| |
Level AA
1 issues on 1 pages | |
| | Ensure that text and background colors have enough contrast. | WCAG 2.1 AA 1.4.3 Section 508 (2017) AA 1.4.3 | 1 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
| 1.4.6 | |
| The text color to background color contrast ratio after composition is:
3.69 with
color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 11.25pt;font-weight: 400;
3.69 with
color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 11.25pt;font-weight: 400;
3.69 with
color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 11.25pt;font-weight: 400;
3.69 with
color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 10.50pt;font-weight: 400;
3.69 with
color: rgb(255,255,255);background-color: rgb(27,153,71);font-size: 10.50pt;font-weight: 400;
https://taowebsite.com.vn/ | Line 1535 1538 1541 1551 1554
...
| |
Level AAA
3 issues on 1 pages | |
| | Avoid specifying a new window as the target of a link with target=_blank. | WCAG 2.1 AAA F22 | 1 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 an "opens in a new window" warning into the link text
or add the warning to the link using a title attribute or aria-label attribute. | 3.2.5 | |
| https://taowebsite.com.vn/ | Line 3177 3180 3183 3187 3190
...
| |
| | 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://taowebsite.com.vn/ | Line 1889 1892 1895 1898 1901
...
| |
| | Ensure that text and background colors have a 7:1 contrast ratio. | WCAG 2.1 AAA 1.4.6 | 1 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 4.5 or more for 18 point text, or larger
- The contrast ratio should be 4.5 or more for 14 point bold text, or larger
- The contrast ratio should be 7.0 or more for all other text
| | |
| The text color to background color contrast ratio after composition is:
4.86 with
color: rgb(32,178,88);background-color: rgb(44,48,39);font-size: 11.25pt;font-weight: 400;
4.86 with
color: rgb(32,178,88);background-color: rgb(44,48,39);font-size: 11.25pt;font-weight: 400;
https://taowebsite.com.vn/ | Line 3345 3347 | |
| Expand all 7 issues | | |