Full accessibility reports
Common problems: detailed report
- Cannot navigate with keyboard only
- Logo (header & footer) alt text is "logo"
- Place content "Closures" box: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirement for text of size 16px and weight of 400
- Notices allow text, link text & background to be selected independently without contrast checking - this is a training issue that needs to be addressed
- Notices add code for "link" even when no link is specified
- YouTube (media) player: Inline frame does not have a 'title' attribute (Note: standard <iframe> content is accessible within the scope of this check)
- Most older PDF documents are not fully accessible to screen reader software;
- We do have links to proprietary file formats (MS Word, Excel & Powerpoint) but try to provide alternatives as PDF or Open Document format - occasionally we may not provide these;
- Live video streams do not have captions;
- Pages with embedded maps may not be accessible to screen readers or keyboard control;
- Some third-party embedded content may not be fully accessible & we have not or cannot provide an accessible alternative;
- Some pages may use colour combinations that have insufficient contrast (mitigated by high contrast selector);
- Some images may contain text & have inadequate accessible text options;
- Pages may not follow correct structures with missing or wrongly sequenced headings;
- Some menus with icons may repeat links;
- Some buttons are not correctly identified;
- Some automated content has duplicate alternative text;
- Some forms may have incomplete markup;
- Some scripts do not have a <noscript> option;
Theme pages: detailed reports
Default theme (light-blue)
- All pages have "Multiple elements with 'navigation' role do not have unique labels"
- Hyperlink has no link text, label or image with a text alternative
<a target="_self"></a> - Home page teasers triggers
- Form control with "listbox" role has no associated label
- Interactive component does not have a programmatically associated name
- Form control with "listbox" role has no associated label
- Verify the <div> element with "listbox" role has keyboard access (Verified)
- Timer text for hours, minutes, seconds does not pass contrast
- Search:
- Label text is located after its associated text input or <select> element
- 'form' button has no label
- The WAI-ARIA role or attribute 'alert' is not valid for the element <h2>
- Radio input and others with the name "datesRangeFilter" are not grouped together
- Event code triggers warnings:
- Interactive component does not have a programmatically associated name
- Form control with "listbox" role has no associated label
- The 'id' "slick-slide00" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- Login page
- The 'id' "loginModel_Username-error" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- The 'id' "loginModel_Password-error" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- Registration: The 'id' "registrationViewModel_Password-error" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- Image map: Image does not have an 'alt' attribute short text alternative
- Image route: Image does not have an 'alt' attribute short text alternative
- Images grid:
- The <figure> element does not have an associated label
- The "menu" text is only visible on hover which is potentially problematic on touch devices
- Map content - same issues as "All pages"
- Place content
- Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- The element with "complementary" role does not have a label
- Landing level 1 and 2: same as "All pages"
- Notices: Red notice - white body & link text is <4.5 contrast [this is an editor controlled option so we need to add to our practice documents]
- Forms:
- Whole form: <fieldset> element does not have a <legend>
- All questions: The value "dd88a922-d29b-4ecf-ad17-a31a9f065395" of the 'for' attribute is not the 'id' of a valid <input> element
- Combo box: The 'id' "b88bcab8-ea44-430b-9ad6-b383e6fbf353-error" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- Text box: The 'id' "839839bf-b0c7-4456-9f44-382e59b4aff6-error" specified for the WAI-ARIA property 'aria-describedby' value is not valid
- Help text: Text contrast of 3.95 with its background is less than the WCAG AA minimum requirements for text of size 14.4px and weight of 400
green (Glos Recycles) & ultra-green (AdEd)
- All pages:
- Top menu: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Copyright: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
- Footer menu: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
- Page title: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 30px and weight of 500
- H2: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- H3: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 22px and weight of 500
- H4: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 500
- Block quote: Text contrast of 3.26 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Intro text: Text contrast of 3.26 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 400
- Button: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Green links: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Related
- Title: Text contrast of 1.91 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
Links: Text contrast of 1.91 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Title: Text contrast of 1.91 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- Crumb trail: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Home page:
- Teaser titles: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- Search:
- Found X results: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- Result links: Text contrast of 2.41 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- search "page" links: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Events landing
- Search heading (reversed): Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- Start/End dates: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Event panel date: Text contrast of 2.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Event title: Text contrast of 2.15 with its background is less than the WCAG AA minimum requirements for text of size 26px and weight of 500
- Event listing:
- Date/Time/Cost: Text contrast of 1.82 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
lime
- All contrast worse than green & ultra green
pink (Telecare)
Marginal contrast in places
- All pages:
- Top links: Text contrast of 4.22 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Bottom links: Text contrast of 4.22 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
- Crumb trail: Text contrast of 4.22 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Buttons: Text contrast of 4.22 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Home page:
- Most popular buttons:
- Normal - Contrast 4.22 fails
- :hover - pass
- Most popular buttons:
Red
- No issues found
ultra-red
- Body:
- Block quote: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Intro-text: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 400
- Events
- Date/Time/Cost labels: Text contrast of 4.31 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Orange
- Top & bottom links: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Buttons: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 15px and weight of 400
- Crumb trail: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Events:
- Start/End dates: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Event panel date: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
- Date/Time/Cost labels: Text contrast of 3.41 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Place: Uses the same colour for open/closed box as the entire site uses for the 'Closures' panel & therefore has the same contrast issues…
- Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
- Landing content levels 1 & 2: selected highlight box: Text contrast of 4.29 with its background is less than the WCAG AA minimum requirements for text of size 16.25px and weight of 400
dark-blue
- Logout link color & background color are both hex ffffff
purple
- Intro text: Text contrast of 3.47 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 400
white
- Button background is very light grey which:
- lacks impact - difficult to see so links don't stand out
- is indistinguishable from the grey background in some sections
Content section issue that can cause accessibility
- Content section does not default to the site theme (always light-blue) & you have to select it so it's possible to use a non-compliant colour for content section pages (eg pink) when using a compliant theme like red.
- It's also possible to select different colours for each content section which has odd effects on the menu
- Content area of the content section follows main site theme so accessibility problems are inherited
- Checks for left menu & Intro area:
- dark-blue: no issues
- pink: no issues
- light-blue: no issues
- yellow: no issues
- purple: no issues
- green: no issues
- kashmir-blue: no issues
- gray: no-issues
- Changing colours are confusing. A better effect would be that the container inherits the site theme and the left 'tabs' could have their colour set.
Sample pages: detailed reports
- https://www.proudtocareglos.org.uk/the-care-hub/provider-support/advertise-a-vacancy/
- https://www.gloucestershire.gov.uk/gscp/training-development/multi-agency-online-training-e-learning-courses/
- https://www.gloucestershire.gov.uk/highways/roads/road-maintenance/surface-dressing/
- https://www.gloucestershire.gov.uk/council-and-democracy/performance-and-spending/statement-of-accounts/
- https://www.gloucestershire.gov.uk/childrens-social-work-jobs/job-opportunities/
- https://www.gloucestershire.gov.uk/libraries/music-and-performing-arts/
- https://www.gloucestershire.gov.uk/highways/traffic-regulation-orders-tro-and-traffic-schemes/
- https://www.gloucestershire.gov.uk/early-years-service/childminding-information/
- https://www.gloucestershire.gov.uk/education-and-learning/post-16/future-me/
- https://www.gloucestershire.gov.uk/births-marriages-deaths-and-civil-partnerships/approved-premises-licence/
- https://www.gloucestershire.gov.uk/archives/working-with-us/partnership-projects/history-her-story-their-story-our-story/introduction-to-the-project/
- https://www.gloucestershiremusic.org.uk/main-menu/meet-the-students/
- https://www.gloucestershire.gov.uk/education-and-learning/special-educational-needs-and-disability-send/educational-psychology-service-eps/contact-the-educational-psychology-service/staff-list/
Sample News pages: detailed reports
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/covid-19-control-measures-and-variants-of-concern/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucestershire-highways-green-initiative-sustainable-energy-street-lighting/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucestershire-s-reuse-shops-are-back/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/core-information-for-members-2/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/referrals-1948238-399-427-and-440/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/electoral-division-profiles/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/visitor-information-centre-available-in-library/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/we-are-hiring/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/new-director-of-education/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/is-this-the-biggest-resurfacing-scheme-gloucester-has-ever-had/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/county-council-funding-additional-wellbeing-support-for-school-staff/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucester-sobs2gether-trust-conference/
- https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/youth-transport-survey-young-people-have-your-say/
Document reports
- https://www.gloucestershire.gov.uk/media/2107281/proud-to-care-jobs-board-organisation-profile-form.docx
- Word tables as forms are not fully screen reader friendly & VIP users may have problems completing the form
- The document does not use headings but because it is structured as a form, a heading is not required to facilitate reading
- It has other structural issues with the social media icons & table complexity (merged cells)
- https://www.proudtocareglos.org.uk/media/16572/skills-for-care-guidance-on-job-advertisements.pdf
- No title
- The headings are not well-structured (the main heading is not marked & the subheadings are marked <H1> instead of <H2>)
- Document has no bookmarks for navigation
- Images with no alt text
- https://www.gloucestershire.gov.uk/media/2106153/leaflet-v5.pdf
- No title
- No bookmarks
- Headings not marked as headings
- No "alt" text on images
- Laid out as leaflet & reading order not set to go in correct page order
- https://www.gloucestershire.gov.uk/media/2107349/gloucester-sd-programme-2021-etnyre-v3.pdf
- No title
- No bookmarks
- Table not marked with headers
- Complex path markup on table borders
- https://www.gloucestershire.gov.uk/media/2102833/annual-governance-statement-19-20-final.pdf
- No title
- No bookmarks - particular problem with long document
- No "alt" text on images
- Table markup does not group headings & columns
- https://www.gloucestershire.gov.uk/media/2102832/gcc-code-of-corporate-governance-19-20-final.pdf
- No title
- No bookmarks (long document)
- No "alt" text on images
- Table markup does not group headings & columns for logical reading
- https://www.gloucestershire.gov.uk/media/2106023/signed-intend-to-notice.pdf
- No title
- No bookmarks (single page so not critical)
- Heading & paragraph markup scrambled
- No "alt" text on images
- https://www.gloucestershire.gov.uk/media/2105992/bus-lane-order-2021-final-draft-unsealed.pdf
- No title
- No bookmarks (single page so not critical)
- Heading & paragraph markup scrambled
- No "alt" text on images
- https://www.gloucestershire.gov.uk/media/2106969/future-me-resource-pack-1-mental-health-and-wellbeing-20-120521.pdf
- No title
- No bookmarks
- Incorrectly tagged
- Interactive content not accessible to screen readers
- https://www.gloucestershire.gov.uk/media/2083967/s-grs-approved-premises-objections-policy-for-dealing-with-an-objection-to-an-approved-premises-licence-a-refusal-to-grant-a-licence-and-the-revocation-of-an-existing-licence.doc
- Old format (.doc not .docx)
- Inaccessible format - should be HTML (PDF at least)
- Underline text not links
- Justified text alignment
- https://www.gloucestershire.gov.uk/media/2107246/the-rising-sun-hotel-public-notice-2021-05-25.pdf
- No title
- No bookmarks
- No headings marked
- https://www.gloucestershire.gov.uk/media/2107193/session-2-essential-info-for-councillors-2.pdf
- Not title
- No bookmarks
- No "alt" text on images
- https://www.gloucestershire.gov.uk/media/1521162/stroud-1.pdf
- No title
- No bookmarks
- No heading markup
- https://www.gloucestershire.gov.uk/media/2102578/gcc_3049-covid-19-colour-coded-infographic_dev11.pdf
- Well structured
- https://www.gloucestershire.gov.uk/media/2100691/whole-family-support-poster-final.pdf
- No title
- Headings not marked
- Headings contained as images & not connected to text (tab order)
Sampling halted due to consistent problems identified in current PDFs:
- No title
- No bookmarks
- Structures not correctly marked-up (headings & reading order)
- No "alt" text
- Unreadable tables