User Vision logo
  • Accessibility Audit
    • Executive Summary
    • Summary of Findings
    • WCAG 2.2 Overview
      • WCAG 2.2 Compliance
  • Project Background
    • Approach
    • How to use this report
    • Understanding our findings
  • I Findings
  • 1 Sitewide Findings
    • 1.1 Positive: radio buttons associated to the question (Positive)
      • 1.1.1 WCAG 1.3.1 (A) - Desktop
      • 1.1.2 Code snippet
    • 1.2 Positive: Checkboxes programmatically associated with the question (Positive)
      • 1.2.1 WCAG 1.3.1 (A) - Desktop
      • 1.2.2 Code snippet
    • 1.3 Focus state of button elements doesn’t meet non-text colour contrast requirements (Medium)
      • 1.3.1 WCAG 1.4.11 (AA) - Desktop
      • 1.3.2 Recommendation
    • 1.4 Missing heading level (Low)
      • 1.4.1 WCAG 1.3.1 (A) - Desktop
      • 1.4.2 Recommendation
    • 1.5 Breadcrumb navigation could be improved (Low)
      • 1.5.1 WCAG 1.3.1 (A), 4.1.2 (A) - Desktop
      • 1.5.2 Code snippet
      • 1.5.3 Recommendation
      • 1.5.4 Resource
    • 1.6 Purpose of the Back link could be more informative (Observation)
      • 1.6.1 Purpose of the Back link could be more informative
      • 1.6.2 Code Snippet
      • 1.6.3 Recommendation
  • 2 Prisoner not hoping to work after release
    • 2.1 Positive: Change links programmatically associated to context (Positive)
      • 2.1.1 WCAG 1.3.1 (A) - Desktop
      • 2.1.2 Code snippet
    • 2.2 Text coded as a table (Medium)
      • 2.2.1 WCAG 1.3.1 (A), 2.4.3 (A) - Desktop, iPad
      • 2.2.2 Code snippet
      • 2.2.3 Recommendation
    • 2.3 Problematic column headers (Low)
      • 2.3.1 WCAG 1.3.1 (A) - Desktop
      • 2.3.2 Code snippet
      • 2.3.3 Recommendation
      • 2.3.4 Resources
    • 2.4 Remove link not associated with context (Observation)
      • 2.4.1 Remove link not associated with context
      • 2.4.2 Recommendation
    • 2.5 No space between elements on iPad (Observation)
      • 2.5.1 No space between elements on iPad
      • 2.5.2 Recommendation
  • 3 Induction for employed ex prisoners
  • 4 View full plan
    • 4.1 Visually hidden table column announced by screen readers (Medium)
      • 4.1.1 WCAG 1.3.1 (A) - Desktop
      • 4.1.2 Code snippet
      • 4.1.3 Recommendation
  • 5 Edit induction information
  • 6 Adding a goal
    • 6.1 Textarea not associated with the warning message (Observation)
      • 6.1.1 Textarea not associated with the warning message
      • 6.1.2 Code snippet
      • 6.1.3 Recommendation
  • 7 Editing a goal
  • II Recommendations
  • 8 Suggested Next Steps
  • III Appendix
  • Contact Details
  • Prepared by User Vision for the Ministry of Justice

UV2986 Ministry Of Justice - Learning and Work Progress

2.1 Positive: Change links programmatically associated to context (Positive)

2.1.1 WCAG 1.3.1 (A) - Desktop

On the Check your answers page there is a list of “Change” links that allow users to alter information they have entered throughout the journey. These links have been programmatically associated with the relevant information through the use of a visually hidden span. This means screen reader users are immediately aware of what the link refers to without needing to navigate across the table.

Change links highlighted with NVDA speech viewer activated on check answers page

FIGURE 2.1: Change links highlighted with NVDA speech viewer activated on check answers page

2.1.2 Code snippet

<a href="...">
        Change<span class="govuk-visually-hidden"> 
         whether they're hoping to work when they're released</span>
</a>