Adding an ITT provider when JavaScript is unavailable

When support users add an ITT provider in Manage school placements, we use an autocomplete to help them search for the provider.

The autocomplete works well for quickly selecting a provider, but it requires JavaScript. Not everyone has JavaScript, and it does not always run successfully.

We added a no-JavaScript version of the ‘Add organisation’ flow, which we can progressively enhance.

How it works

Selecting ‘ITT provider’ on the organisation type page takes the user to a form where they can search for a provider. They do this by entering a provider name, UK provider reference number (UKPRN), unique reference number (URN) or postcode.

When the user continues without JavaScript, we show:

  • the number of results and the search term in the heading - for example, “7 results found for ‘manchester’”
  • a way to change the search if the provider they are looking for is not listed or if there are too many results
  • a list of radio options matching their search query - we limit this list to 15 items

We display the name, town and postcode for each provider in the list. This allows users to choose from similarly named providers correctly.

Selecting a provider from the list allows the user to continue and add the provider.

If the user tries to continue without selecting a provider, we show an error message:

Select a provider

If the user tries to add a provider a second time, we show an error message:

Provider has already been added

If the provider the user is looking for is not listed, or the list has no results, they can change their search, which takes them back to the search form.

Finding a provider - without autocomplete#

Screenshot of Finding a provider - without autocomplete

List of providers - many results#

Screenshot of List of providers - many results

List of providers - less than 15 results#

Screenshot of List of providers - less than 15 results

List of providers - one result#

Screenshot of List of providers - one result

No results#

Screenshot of No results

Error message - select a provider#

Screenshot of Error message - select a provider

Error message - provider has already been added#

Screenshot of Error message - provider has already been added