Add solutions and instructions to accessible crossword page

[bryophyta]

Add solutions and instructions to accessible crossword page.

What is the value of this and can you measure success?

A user brought it to our attention that the text-only version of our crosswords, which is intended to be accessible for screen-reader users, does not contain solutions to the crossword.

Given that we provide solutions for (most) puzzles in the interactive player (e.g. when pressing 'reveal all') this represents a clear lack of parity between the core experiences offered by the text-only and interactive versions.

What does this change?

• Adds a disclosure element which contains two tables of solutions: one for across clues and one for down clues, to mirror the way we structure the clue.
• Also adds a brief description of what's on the page, based on user feedback that it wasn't self-evident before.

Screenshots

Three main states:

1. Initial render

Before	After

2. Solutions disclosure in 'expanded' state

Screenshot nb. this includes spoilers for Quick 16,000

3. Solutions not available

Checklist

• Tested locally, and on CODE if necessary
• Will not break dotcom-rendering
• Will not break our database – if updating CAPI, updated and committed the database files
• Meets our accessibility standards
  • Tested with screen reader
  • Navigable with keyboard
  • Colour contrast passed

[github-actions]

Deploy build 2999 of dotcom:frontend-all to CODE

All deployment options

• Deploy build 2999 of dotcom:frontend-all to CODE
• Deploy parts of build 2999 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.