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
    • 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

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

  1. https://www.proudtocareglos.org.uk/the-care-hub/provider-support/advertise-a-vacancy/
  2. https://www.gscb.org.uk/training-development/multi-agency-online-training-e-learning-courses/
  3. https://www.gloucestershire.gov.uk/highways/roads/road-maintenance/surface-dressing/
  4. https://www.gloucestershire.gov.uk/council-and-democracy/performance-and-spending/statement-of-accounts/
  5. https://www.gloucestershire.gov.uk/childrens-social-work-jobs/job-opportunities/
  6. https://www.gloucestershire.gov.uk/libraries/music-and-performing-arts/
  7. https://www.gloucestershire.gov.uk/highways/traffic-regulation-orders-tro-and-traffic-schemes/
  8. https://www.gloucestershire.gov.uk/early-years-service/childminding-information/
  9. https://www.gloucestershire.gov.uk/education-and-learning/post-16/future-me/
  10. https://www.gloucestershire.gov.uk/births-marriages-deaths-and-civil-partnerships/approved-premises-licence/
  11. https://www.gloucestershire.gov.uk/archives/working-with-us/partnership-projects/history-her-story-their-story-our-story/introduction-to-the-project/
  12. https://www.gloucestershiremusic.org.uk/main-menu/meet-the-students/
  13. 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

  1. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/covid-19-control-measures-and-variants-of-concern/
  2. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucestershire-highways-green-initiative-sustainable-energy-street-lighting/
  3. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucestershire-s-reuse-shops-are-back/
  4. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/core-information-for-members-2/
  5. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/referrals-1948238-399-427-and-440/
  6. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/electoral-division-profiles/
  7. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/visitor-information-centre-available-in-library/
  8. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/we-are-hiring/
  9. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/new-director-of-education/
  10. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/is-this-the-biggest-resurfacing-scheme-gloucester-has-ever-had/
  11. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/county-council-funding-additional-wellbeing-support-for-school-staff/
  12. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/gloucester-sobs2gether-trust-conference/
  13. https://www.gloucestershire.gov.uk/accessibility-testing/accessibility-statement/full-accessibility-reports/youth-transport-survey-young-people-have-your-say/

Document reports

  1. 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)
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. https://www.gloucestershire.gov.uk/media/2107246/the-rising-sun-hotel-public-notice-2021-05-25.pdf
    • No title
    • No bookmarks
    • No headings marked
  12. https://www.gloucestershire.gov.uk/media/2107193/session-2-essential-info-for-councillors-2.pdf
    • Not title
    • No bookmarks
    • No "alt" text on images
  13. https://www.gloucestershire.gov.uk/media/1521162/stroud-1.pdf
    • No title
    • No bookmarks
    • No heading markup
  14. https://www.gloucestershire.gov.uk/media/2102578/gcc_3049-covid-19-colour-coded-infographic_dev11.pdf
    • Well structured
  15. 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

Help us improve Gloucestershire

Don’t include personal or financial information like your National Insurance number or credit card details.