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 7 pages | |
| alt text should not contain placeholders like 'picture' or 'spacer'. | WCAG 2.1 A F30 Section 508 (2017) A F30 | 1 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='picture' http://www.kniveton.net/ | Line 90 | |
| Don't use CSS animations that run for more than 5 seconds without giving the user a way to turn them off. | WCAG 2.1 A 2.2.2 Section 508 (2017) A 2.2.2 | 1 pages |
|
Reduce the duration of the animation to less than 5 seconds (works on all devices)
or use the @media (prefers-reduced-motion) media query to turn them off (works in Chrome, Firefox and Safari). | | |
| http://www.kniveton.net/ | Line 64 65 66 67 68
...
| |
| 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
| | |
| http://www.kniveton.net/accounts.htm | Line 74 74 74 74 74
...
| |
| http://www.kniveton.net/agenda.htm | Line 72 72 | |
| http://www.kniveton.net/councillors.htm | Line 87 | |
| http://www.kniveton.net/links.htm | Line 101 | |
| Some pages have the same title , so the title cannot be used to distinguish pages. | WCAG 2.1 A F25 Section 508 (2017) A F25 | 4 pages |
|
Change the title elements so they are unique for each page. | | |
| 'Kniveton Parish Council' is also used on http://www.kniveton.net/. http://www.kniveton.net/agenda.htm | Line 14 | |
| 'Kniveton Parish Council' is also used on http://www.kniveton.net/. http://www.kniveton.net/councillors.htm | Line 14 | |
| 'Kniveton Parish Council' is also used on http://www.kniveton.net/. http://www.kniveton.net/land.htm | Line 14 | |
| 'Kniveton Parish Council' is also used on http://www.kniveton.net/. http://www.kniveton.net/links.htm | Line 14 | |
| This page has markup errors, causing screen readers to miss content. | WCAG 2.1 A F70 Section 508 (2017) A F70 | 1 pages |
|
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content. | | |
| http://www.kniveton.net/news | Line 61 | |
| Use the lang attribute to identify the language of the page. | WCAG 2.1 A 3.1.1 Section 508 (2017) A 3.1.1 | 7 pages |
|
In HTML add a lang attribute containing a language code to the html tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly. | | |
| http://www.kniveton.net/ | Line 2 | |
| http://www.kniveton.net/accounts.htm | Line 2 | |
| http://www.kniveton.net/agenda.htm | Line 2 | |
| http://www.kniveton.net/councillors.htm | Line 2 | |
| This issue was found on another 3 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 | 6 pages |
|
Use alt='' for the subsequent adjacent images, or change the redundant alt text. | | |
| http://www.kniveton.net/ | Line 64 65 66 67 68 | |
| http://www.kniveton.net/accounts.htm | Line 65 66 67 68 69 | |
| http://www.kniveton.net/agenda.htm | Line 63 64 65 66 67 | |
| http://www.kniveton.net/councillors.htm | Line 64 65 66 67 68 | |
| This issue was found on another 2 pages.
The trial version is limited to showing issues on 4 pages.
| | |
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 | 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
| | |
| The text color to background color contrast ratio is: 1.20 with
color: rgb(100,100,100); background-color: rgb(0,102,51); font-size: 10.67pt; font-weight: 400; 1.20 with
color: rgb(100,100,100); background-color: rgb(0,102,51); font-size: 10.67pt; font-weight: 400; 1.20 with
color: rgb(100,100,100); background-color: rgb(0,102,51); font-size: 10.67pt; font-weight: 400; 1.20 with
color: rgb(100,100,100); background-color: rgb(0,102,51); font-size: 10.67pt; font-weight: 400; 1.20 with
color: rgb(100,100,100); background-color: rgb(0,102,51); font-size: 10.67pt; font-weight: 400; http://www.kniveton.net/ | Line 36 38 40 42 44
...
| |
| If you set any of the colors on the body or a elements you must set all of them. | WCAG 2.1 AA F24 Section 508 (2017) AA F24 | 1 pages |
|
In HTML the color attributes are text , bgcolor , link , alink and vlink .
In CSS the attributes are color and background-color .
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. | | |
| The colors used are:
color: rgb(0,0,0); uses browser default
background-color: rgb(204,255,255);
color: rgb(0,0,0); uses browser default
background-color: rgb(204,255,255);
color: rgb(0,0,0); uses browser default
background-color: rgb(204,255,255);
color: rgb(0,0,0); uses browser default
background-color: rgb(204,255,255);
color: rgb(0,0,0); uses browser default
background-color: rgb(204,255,255); http://www.kniveton.net/ | Line 76 78 92 98 110
...
| |
| Phrases in a different language should be in a span or div with a lang attribute. | WCAG 2.1 AA 3.1.2 Section 508 (2017) AA 3.1.2 | 2 pages |
|
Non-English phrases in English text, or English phrases in non-English text, will be mispronounced by a screen reader unless they are identified with a lang attribute. | | |
| HTML language: lang= lang= lang= lang= lang= http://www.kniveton.net/ | Line 76 78 92 98 110 | |
| HTML language: lang= lang= http://www.kniveton.net/news | Line 66 68 | |
| Expand all 10 issues | | |