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
7 issues on 6 pages | |
| | alt text should not contain placeholders like 'picture' or 'spacer'. | WCAG 2.1 A F30 Section 508 (2017) A F30 | 6 pages |
|
For purely decorative images and spacers use alt='', for images of text use the text, and for other images use a description of the image. Impact on users: - JAWS : Reads out placeholder text, instead of a useful image description.
- NVDA : Reads out placeholder text, instead of a useful image description.
- VoiceOver : Reads out placeholder text, instead of a useful image description.
| | |
| alt='image' alt='Image' alt='Image'
https://demo.themesberg.com/pixel-lite/html/pages/about-company.html | Line 143 413 414 | |
| alt='image' alt='image' alt='image' alt='image'
https://demo.themesberg.com/pixel-lite/html/pages/contact.html | Line 143 504 543 582 | |
| alt='image' alt='image' alt='image' alt='image' alt='image'
https://demo.themesberg.com/pixel-lite/html/pages/pricing.html | Line 143 627 630 633 636
...
| |
| alt='image' alt='image' alt='image'
https://demo.themesberg.com/pixel-lite/index.html | Line 109 484 499 | |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | Each a element must contain text or an img with an alt attribute. | WCAG 2.1 A F89 Section 508 (2017) A F89 | 4 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
| | |
| https://demo.themesberg.com/pixel-lite/html/components/all.html | Line 1748 1774 1840 1866 1962
...
| |
| https://demo.themesberg.com/pixel-lite/html/pages/about-company.html | Line 512 518 524 530 551
...
| |
| https://demo.themesberg.com/pixel-lite/html/pages/contact.html | Line 513 519 525 531 552
...
| |
| https://demo.themesberg.com/pixel-lite/index.html | Line 1261 1279 1332 1350 1427
...
| |
| | HTML form control has no label. | WCAG 2.1 A F68 Section 508 (2017) A F68 | 6 pages |
|
A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following:
- Use a
label element with the for attribute set to the ID of the form control
- Wrap a
label element around the form control
- Add a
title attribute
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
| | |
| https://demo.themesberg.com/pixel-lite/html/pages/about-company.html | Line 650 661 665 802 | |
| https://demo.themesberg.com/pixel-lite/html/pages/contact.html | Line 470 481 485 712 | |
| https://demo.themesberg.com/pixel-lite/html/pages/pricing.html | Line 841 | |
| https://demo.themesberg.com/pixel-lite/index.html | Line 796 816 830 836 839
...
| |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | iframe and frame elements must have a title attribute. | WCAG 2.1 A 2.4.1 Section 508 (2017) A 2.4.1 | 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 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.
- VoiceOver macOS 10.12 Safari 10.1.2 macOS 10.12.6 Reading: Meaningless frame title read out.
- VoiceOver macOS 10.11 Safari 9.1.2 macOS 10.11.6 Reading: Meaningless frame title like 'frame zero' read out.
| | |
| https://demo.themesberg.com/pixel-lite/html/pages/contact.html | Line 396 | |
| | This button element is empty and has no accessible name. | WCAG 2.1 A F68 Section 508 (2017) A F68 | 1 pages |
|
A programmatically determined name allows screen readers to tell users what the control does. To add a name do one of the following:
- Add text between the
button start and end tags
- Add a
title attribute
- Add an
aria-label attribute
- Add an
aria-labelledby attribute
- Add an
img alt attribute if the button contains an img element
| | |
| https://demo.themesberg.com/pixel-lite/html/components/all.html | Line 614 833 858 1007 1030
...
| |
| | This form control has a blank label or title. | WCAG 2.1 A F68 Section 508 (2017) A F68 | 6 pages |
|
Add descriptive text to the form control's label. | | |
| https://demo.themesberg.com/pixel-lite/html/pages/about-company.html | Line 650 661 665 802 | |
| https://demo.themesberg.com/pixel-lite/html/pages/contact.html | Line 470 481 485 712 | |
| https://demo.themesberg.com/pixel-lite/html/pages/pricing.html | Line 841 | |
| https://demo.themesberg.com/pixel-lite/index.html | Line 796 816 830 836 839
...
| |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |
| | Using the same alt text on adjacent images results in screen readers stuttering as the same text is read out twice. | WCAG 2.1 A 1.1.1 Section 508 (2017) A 1.1.1 | 1 pages |
|
Use alt='' for the subsequent adjacent images, or change the redundant alt text. | | |
| https://demo.themesberg.com/pixel-lite/html/pages/about-company.html | Line 413 | |
Level AA
3 issues on 2 pages | |
| | For input type=password elements, set the autocomplete attribute to new-password or current-password in order to identify input purpose. | WCAG 2.1 1.3.5 | 2 pages |
|
Specifying what kind of data is expected in a particular input field makes filling out forms easier, especially for people with cognitive disabilities. While type=password specifies the type of input, it doesn't specify its purpose. Autocomplete values such as new-password and current-password are a well-supported way of identifying input purpose. | | |
| https://demo.themesberg.com/pixel-lite/html/components/all.html | Line 1087 1133 | |
| https://demo.themesberg.com/pixel-lite/index.html | Line 805 826 | |
| | Form field labels should be unique on a page, or enclosed in a fieldset with a legend that makes the label unique. | WCAG 2.1 AA 2.4.6 Section 508 (2017) AA 2.4.6 | 2 pages |
|
When a form contains items with the same label, screen reader users find it difficult to tell them apart.
Adding a fieldset with a legend differentiates the controls, because the legend text is announced along
with the label text. For example:
<legend> Gift wrapped: </legend>
<label> Yes </label>
<label> No </label>
<legend> Express delivery: </legend>
<label> Yes </label>
<label> No </label>
| | |
| Label used: Unchecked Checked Disabled Unchecked Disabled Checked Unchecked
https://demo.themesberg.com/pixel-lite/html/components/all.html | Line 1335 1344 1353 1362 1378
...
| |
| Label used: Unchecked Checked Disabled Unchecked Disabled Checked Unchecked
https://demo.themesberg.com/pixel-lite/index.html | Line 971 974 977 980 989
...
| |
| | Provide information about the general layout of a site using a site map or table of contents. | WCAG 2.1 AA 2.4.5 Section 508 (2017) AA 2.4.5 | 1 pages |
|
You should provide a link labeled 'Site Map' or 'Sitemap' or the equivalent in your language, on every page. | | |
| https://demo.themesberg.com/pixel-lite/index.html | Line 1 | |
| Expand all 10 issues | | |