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 2 pages | |
| | Removing the underline from links makes it hard for color-blind users to see them. | WCAG 2.1 A F73 Section 508 (2017) A F73 | 2 pages |
|
Remove the text-decoration:none property from your link styles, or add other style attributes in addition to color changes to make links visible to people without color vision. | | |
| https://www.ustaelektrikci.com/ | Line 2062 2063 2064 2065 | |
| https://www.ustaelektrikci.com/hakkimizda/ | Line 638 640 642 644 | |
| | The visual label must appear in the accessible name of links and controls. | WCAG 2.1 A F96 Section 508 (2017) A F96 | 1 pages |
|
People who use speech control rely on being able to select elements using the visual label displayed on screen.
If this isn't part of the accessible name, they can't select elements by name. | | |
| Visual label: reply to comment→ not in Cevap İBRAHİM BAŞARIR reply to comment→ not in Cevap admin
https://www.ustaelektrikci.com/hakkimizda/ | Line 474 521 | |
Level AA
3 issues on 2 pages | |
| | Ensure that text and background colors have enough contrast. | WCAG 2.1 AA 1.4.3 Section 508 (2017) AA 1.4.3 | 2 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:
3.37 with
color: rgb(241,90,35);background-color: rgb(255,255,255);font-size: 15.75pt;font-weight: 400;
2.94 with
color: rgb(255,102,0);background-color: rgb(255,255,255);font-size: 15.75pt;font-weight: 700;
4.00 with
color: rgb(255,0,0);background-color: rgb(255,255,255);font-size: 9.75pt;font-weight: 400;
4.00 with
color: rgb(255,0,0);background-color: rgb(255,255,255);font-size: 9.75pt;font-weight: 400;
https://www.ustaelektrikci.com/ | Line 1752 1755 1829 1884 | |
| The text color to background color contrast ratio after composition is:
2.85 with
color: rgb(153,153,153);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;
3.54 with
color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 700;
2.85 with
color: rgb(153,153,153);background-color: rgb(255,255,255);font-size: 8.25pt;font-weight: 400;
3.54 with
color: rgb(136,136,136);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 700;
https://www.ustaelektrikci.com/hakkimizda/ | Line 458 474 505 521 | |
| | The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline. | WCAG 2.1 AA F78 Section 508 (2017) AA F78 | 2 pages |
|
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
- Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
- Firefox (obscures the focus indicator on links)
- Internet Explorer (obscures the focus indicator on links, buttons and range controls)
| | |
| outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0
https://www.ustaelektrikci.com/ | Line 1488 2062 2063 2064 2065
...
| |
| outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0 outline-style:none or outline-width:0
https://www.ustaelektrikci.com/hakkimizda/ | Line 181 202 209 216 223
...
| |
| | User interface controls must have a contrast ratio of at least 3:1 against adjacent colors. | WCAG 2.1 1.4.11 | 1 pages |
|
If the control has a visible edge, make sure this has sufficient contrast against the area outside the control. | | |
| The contrast ratio between the control edge and surrounding area is:
1.61 with
border-color: rgb(204,204,204);background-color: rgb(255,255,255);
box margin rgb(255,255,255);
1.61 with
border-color: rgb(204,204,204);background-color: rgb(255,255,255);
box margin rgb(255,255,255);
1.61 with
border-color: rgb(204,204,204);background-color: rgb(255,255,255);
box margin rgb(255,255,255);
1.61 with
border-color: rgb(204,204,204);background-color: rgb(255,255,255);
box margin rgb(255,255,255);
https://www.ustaelektrikci.com/hakkimizda/ | Line 557 565 573 579 | |
Level AAA
3 issues on 2 pages | |
| | Avoid specifying a new window as the target of a link with target=_blank. | WCAG 2.1 AAA F22 | 2 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. | | |
| https://www.ustaelektrikci.com/ | Line 1597 1602 1607 2062 | |
| https://www.ustaelektrikci.com/hakkimizda/ | Line 357 362 367 638 | |
| | 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 | 2 pages |
|
Use the @media (prefers-reduced-motion) media query to respect user preferences. | | |
| :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s
https://www.ustaelektrikci.com/ | Line 1500 1505 1597 1602 1607
...
| |
| :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s :hover transition: all 0.2s
https://www.ustaelektrikci.com/hakkimizda/ | Line 202 209 216 223 230
...
| |
| | Ensure that text and background colors have a 7:1 contrast ratio. | WCAG 2.1 AAA 1.4.6 | 2 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.
Note: The default link color in IE11 has poor contrast on a white background. Fix by specifying a:link and a:visited colors in CSS.
- 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:
6.01 with
color: rgb(159,159,159);background-color: rgb(34,34,34);font-size: 8.25pt;font-weight: 400;
6.01 with
color: rgb(159,159,159);background-color: rgb(34,34,34);font-size: 8.25pt;font-weight: 400;
5.74 with
color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9.75pt;font-weight: 400;
https://www.ustaelektrikci.com/ | Line 1759 2056 2061 | |
| The text color to background color contrast ratio after composition is:
5.74 with
color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
5.74 with
color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
6.01 with
color: rgb(159,159,159);background-color: rgb(34,34,34);font-size: 8.25pt;font-weight: 400;
6.01 with
color: rgb(159,159,159);background-color: rgb(34,34,34);font-size: 8.25pt;font-weight: 400;
https://www.ustaelektrikci.com/hakkimizda/ | Line 548 549 626 636 | |
| Expand all 8 issues | | |