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
6 issues on 8 pages | |
| Content inserted with CSS is not read by some screen readers, and not available to people who turn off style sheets. | WCAG 2.1 A F87 Section 508 (2017) A F87 | 1 pages |
|
Move the content from CSS to the HTML page so that all users can see it. Impact on users: - NVDA 2019.2 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- NVDA 2018.4 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- NVDA 2017.3 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- NVDA 2016.2 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- JAWS 2019.1912.1 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- JAWS 2018.1811.2 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- JAWS 18.0.5038 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
- JAWS 17.0.2619 IE11 Windows 10 Reading: Text inserted by CSS content property not read.
| | |
| https://lccjobs.liverpool.gov.uk/css/LCC2.css | Line 42 51 54 | |
| Document title must not be blank. | WCAG 2.1 A F25 Section 508 (2017) A F25 | 1 pages |
|
For HTML pages change the title element. For Office documents and PDF documents produced from Office, fill in the Title in Document Properties before saving as PDF. | | |
| https://lccjobs.liverpool.gov.uk/jobalerts.aspx?ID=P1LFK026203F3VBQBV77VF6FT&LG=UK&mask=lccext&backpage=1 | Line 4 | |
| Document title must not contain placeholder text like 'Untitled' or the page filename. | WCAG 2.1 A F25 Section 508 (2017) A F25 | 1 pages |
|
For HTML pages change the title element. For Office documents and PDF documents produced from Office, fill in the Title in Document Properties before saving as PDF. | | |
| Title:
Home
https://lccjobs.liverpool.gov.uk/ | Line 6 | |
| Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier. | HTML5 WCAG 2.1 A 4.1.1 Section 508 (2017) A 4.1.1 | 6 pages |
|
| | |
| https://lccjobs.liverpool.gov.uk/equality-diversity/ | Line 118 118 | |
| https://lccjobs.liverpool.gov.uk/how-to-apply/ | Line 124 124 | |
| https://lccjobs.liverpool.gov.uk/jobalerts.aspx?ID=P1LFK026203F3VBQBV77VF6FT&LG=UK&mask=lccext&backpage=1 | Line 122 122 | |
| https://lccjobs.liverpool.gov.uk/login | Line 123 123 | |
| https://lccjobs.liverpool.gov.uk/recruitment-process/ | Line 176 176 | |
| https://lccjobs.liverpool.gov.uk/wellbeing-of-our-people/ | Line 142 142 | |
| 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 | 1 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 without color vision. | | |
| https://lccjobs.liverpool.gov.uk/ | Line 84 438 | |
| img elements must have an alt attribute. | WCAG 2.1 A F65 Section 508 (2017) A F65 | 6 pages |
|
Add an alt attribute describing each image, which a screen reader voices instead of the image.
Spacer images and purely decorative images should use alt="" .
Impact on users: - NVDA 2019.2 Chrome 79 Windows 10 Reading: Image unlabeled.
- NVDA 2019.2 FF68 Windows 10 Reading: Image ignored.
- NVDA 2019.2 IE11 Windows 10 Reading: Image ignored.
- NVDA 2018.4 Chrome 73 Windows 10 Reading: Image ignored.
- NVDA 2018.4 FF60 Windows 10 Reading: Image ignored.
- NVDA 2018.4 IE11 Windows 10 Reading: Image ignored.
- JAWS 2019.1912.1 Chrome 79 Windows 10 Reading: Image unlabeled.
- JAWS 2019.1912.1 FF68 Windows 10 Reading: Image ignored.
- JAWS 2019.1912.1 IE11 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 Chrome 73 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 FF60 Windows 10 Reading: Image ignored.
- JAWS 2018.1811.2 IE11 Windows 10 Reading: Image ignored.
- VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Image filename read out.
- VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Image filename read out.
- VoiceOver macOS 10.12 Safari 10.1.2 macOS 10.12.6 Reading: Image filename read out.
- VoiceOver iOS 12.4 Safari iOS 12.4 iOS 12.4.1 Touch: Image filename read out.
- VoiceOver iOS 11.4 Safari iOS 11.4 iOS 11.4.1 Touch: Image filename read out.
- VoiceOver iOS 10.3 Safari iOS 10.3 iOS 10.3 Touch: Image filename read out.
| | |
| https://lccjobs.liverpool.gov.uk/equality-diversity/ | Line 118 | |
| https://lccjobs.liverpool.gov.uk/how-to-apply/ | Line 124 | |
| https://lccjobs.liverpool.gov.uk/jobalerts.aspx?ID=P1LFK026203F3VBQBV77VF6FT&LG=UK&mask=lccext&backpage=1 | Line 122 | |
| https://lccjobs.liverpool.gov.uk/login | Line 123 | |
| https://lccjobs.liverpool.gov.uk/recruitment-process/ | Line 176 | |
| https://lccjobs.liverpool.gov.uk/wellbeing-of-our-people/ | Line 142 | |
Level AA
5 issues on 3 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:
2.81 with
color: rgb(255,255,255);
background-color: rgb(155,154,154);
font-size: 12.00pt;
font-weight: 400.00;
2.81 with
color: rgb(255,255,255);
background-color: rgb(155,154,154);
font-size: 12.00pt;
font-weight: 400.00;
2.81 with
color: rgb(255,255,255);
background-color: rgb(155,154,154);
font-size: 12.00pt;
font-weight: 400.00;
2.81 with
color: rgb(255,255,255);
background-color: rgb(155,154,154);
font-size: 12.00pt;
font-weight: 400.00;
https://lccjobs.liverpool.gov.uk/ | Line 49 52 55 58 | |
| Headings should not be empty. | WCAG 2.1 AA G130 Section 508 (2017) AA G130 | 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://lccjobs.liverpool.gov.uk/jobalerts.aspx?ID=P1LFK026203F3VBQBV77VF6FT&LG=UK&mask=lccext&backpage=1 | Line 106 | |
| 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://lccjobs.liverpool.gov.uk/ | Line 1 | |
| 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 | 1 pages |
|
Change the style 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)
Internet Explorer does not support the `outline-offset:` property, so using this does not reliably avoid focus outline overlap.
| | |
| https://lccjobs.liverpool.gov.uk/css/bootstrap.css | Line 1140 | |
| 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 https://lccjobs.liverpool.gov.uk/ | Line 417 | |
Level AAA
2 issues on 4 pages | |
| Avoid specifying a new window as the target of a link with target=_blank . | WCAG 2.1 AAA F22 | 3 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 a warning into the link text like the following: "opens in a new window".
| | |
| https://lccjobs.liverpool.gov.uk/how-to-apply/ | Line 119 | |
| https://lccjobs.liverpool.gov.uk/jobalerts.aspx?ID=P1LFK026203F3VBQBV77VF6FT&LG=UK&mask=lccext&backpage=1 | Line 116 | |
| https://lccjobs.liverpool.gov.uk/login | Line 118 | |
| 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. | | |
| https://lccjobs.liverpool.gov.uk/css/bootstrap.css | Line 1120 3115 5473 5723 | |
| Expand all 13 issues | | |