[WIP] DAC accessibility examples

[CharlotteDowns]

This is an example of what we want to have in the Frontend Review App to take to the Digital Accessibility Centre for an Audit.

This pull request is not intended to be merged into main

We need to add examples for:

• Step-by-step
• Task list (Using PR Task list component #2261 )
• Check a phone number from the gov.uk account team
• Header with menu variant
• Input with a prefix or suffix (or both)
• Small checkboxes
• Small radios
• 'Success' notification banner

We need to improve the full-page-examples page to include the other examples and a scenario for each if applicable.

For reviewers

Areas that explicitly need a review:

General review

• Any updates to Exit this page component
• Whether examples match those in the Design System patterns including: error states

Content and design review

• Choice of content in examples
• Reviewing the scenario examples in the example index files

Code review

• Downsizing the commit history
• Proper use of ARIA, as prescribed for the individual components
• General correctness of code
• Validation and posting
• Adherence to HTML spec
• Proper use of nunjucks and correct use of the various available variables

[querkmachine]

Some more suggestions for consistency:

• Feedback: The name and email address fields are missing autocomplete attributes.
• Make a payment: Reduce the width of the input to be more appropriate for the expected value. govuk-input--width-5 looks about right to my eye.
• What are your bank details & What is your National Insurance number: We've now shipped the govuk-input--extra-letter-spacing class and updated the bank details and National Insurance number patterns to use it. Presumably we now want to do the same here?

[owenatgov]

Closing as we're done with DAC auditing for the mo

[CharlotteDowns]

Reopening as we are gearing up for a retest.

Here is a spreadsheet of the results from the last audit. It contains reference to which examples need to change for retest (column L, type: Example and Prototype fix).

We need to add or change these examples to include:

• Password input
• Navigation, updated Header and new Service header navigation components

Examples that don't need to be retested:

• Start page
• Topic page (service manual)
• What are your bank details
• What is your date of birth
• What is your national insurance number
• What is your phone number
• Will you be travelling to any of these countries

'Other' examples that don't need to be retested:

• Accessible autocomplete example
• Contact a department or service team example
• GOV.UK Design System cookie page

[CharlotteDowns]

Examples that are different between this pull request and one of the latest pull requests of the review app #5046

• Make a payment
• Search three pages
• What are your bank details
• What is your address (was edited to follow the Ask users for addresses pattern)
• What is your date of birth
• What is your national insurance number
• What is your phone number
• Will you be travelling to any of these countries

[querkmachine]

Retests were done against a new PR: #5088. I think this one is safe to close off again now.