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
4 issues on 2 pages | |
| | Body elements like img are not allowed in noscript before body. | HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1 | 2 pages |
|
Any img that appears before body implicitly ends the head element and starts the body
element.
If the img appears inside noscript then this only happens when scripting is disabled,
leading to DOM inconsistencies in AT that use browser APIs like XMLHttpRequest.response and
DOMParser.parseFromString() which parse HTML with scripting disabled. | | |
| https://www.hereward.ac.uk/ | Line 63 | |
| https://www.hereward.ac.uk/learn-with-us/ | Line 63 | |
| | Duplicate id - the same ID is used on more than one element. | HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1 | 2 pages |
|
| | |
| id=wrapperMain id=wrapperMain
https://www.hereward.ac.uk/ | Line 134 353 | |
| id=wrapperMain id=wrapperMain id=boxOrange id=boxOrange id=boxOrange
https://www.hereward.ac.uk/learn-with-us/ | Line 85 164 189 189 207
...
| |
| | Headings should not be empty. | WCAG 2.1 A 1.3.1 Section 508 (2017) A 1.3.1 | 1 pages |
|
Add text to the heading, or alt text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings. | | |
| https://www.hereward.ac.uk/ | Line 402 | |
| | Use semantic markup like strong instead of using the CSS font-weight property. | WCAG 2.1 A F2 Section 508 (2017) A F2 | 1 pages |
|
Use the strong element instead of the span element for bold text. | 1.3.1 | |
| https://www.hereward.ac.uk/ | Line 438 464 481 498 507
...
| |
Level AA
1 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
| 1.4.6 | |
| The text color to background color contrast ratio after composition is:
2.28 with
color: rgb(255,255,255);background-color: rgb(107,190,107);font-size: 8.25pt;font-weight: 500;
https://www.hereward.ac.uk/ | Line 4565 | |
| The text color to background color contrast ratio after composition is:
1.80 with
color: rgb(255,255,255);background-color: rgb(253,179,54);font-size: 18pt;font-weight: 400;
1.80 with
color: rgb(255,255,255);background-color: rgb(253,179,54);font-size: 18pt;font-weight: 400;
1.80 with
color: rgb(255,255,255);background-color: rgb(253,179,54);font-size: 18pt;font-weight: 400;
1.80 with
color: rgb(255,255,255);background-color: rgb(253,179,54);font-size: 18pt;font-weight: 400;
1.80 with
color: rgb(255,255,255);background-color: rgb(253,179,54);font-size: 18pt;font-weight: 400;
https://www.hereward.ac.uk/learn-with-us/ | Line 199 217 231 253 271 | |
Level AAA
3 issues on 2 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 | 2 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.1s
https://www.hereward.ac.uk/ | Line 613 614 615 616 4565
...
| |
| :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s
https://www.hereward.ac.uk/learn-with-us/ | Line 320 320 320 320 | |
| | 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:
5.48 with
color: rgb(255,255,255);background-color: rgb(0,108,183);font-size: 12pt;font-weight: 400;
5.48 with
color: rgb(255,255,255);background-color: rgb(0,108,183);font-size: 12pt;font-weight: 400;
5.48 with
color: rgb(255,255,255);background-color: rgb(0,108,183);font-size: 12pt;font-weight: 400;
4.50 with
color: rgb(230,0,126);background-color: rgb(255,255,255);font-size: 10.50pt;font-weight: 700;
5.48 with
color: rgb(255,255,255);background-color: rgb(0,108,183);font-size: 12pt;font-weight: 400;
https://www.hereward.ac.uk/ | Line 440 466 467 483 575
...
| |
| | Link uses general text like 'Click Here' which doesn't explain link purpose. | WCAG 2.1 AAA F84 | 2 pages |
|
Screen reader users often tab from one link to the next, or use the 'Next Link' command.
Moving between links labelled 'click here' sounds like 'Click here, tab, click here, tab, click here'.
Change the link text, or add an aria-label, so the link makes sense when read without the surrounding text. | 2.4.9 | |
| Link text: Read More Read More Read more Read more Read More
https://www.hereward.ac.uk/ | Line 501 510 519 528 575
...
| |
| Link text: Read More Read More Read More Read More Read More
https://www.hereward.ac.uk/learn-with-us/ | Line 200 218 232 254 272 | |
| Expand all 8 issues | | |