{% extends "_base_page.html" %}
{% import "toolkit/summary-table.html" as summary %}

{% block pageTitle %}
  View frameworks - Digital Marketplace admin
{% endblock %}

{% block breadcrumbs %}
  {{ govukBreadcrumbs({
    "items": [
      {
        "text": "Admin home",
        "href": url_for('.index')
      },
      {
        "text": "View frameworks"
      }
    ]
  }) }}
{% endblock %}

{% block mainContent %}
  <h1 class="govuk-heading-xl">Frameworks</h1>

  {% call(framework) summary.list_table(
    frameworks,
    caption="Frameworks",
    empty_message="No frameworks to show",
    field_headings=[
        'Name',
        'Status',
        summary.hidden_field_heading("Change status"),
    ],
    field_headings_visible=True)
  %}
    {% call summary.row() %}
      {{ summary.text(framework.name) }}
      {{ summary.text(framework.status) }}
      {{ summary.edit_link(label="Change", link=url_for(".change_framework_status", framework_slug=framework.slug), hidden_text=framework.name) }}
    {% endcall %}
  {% endcall %}
{% endblock %}

{% extends "_base_page.html" %}

{% block pageTitle %}
  View frameworks - Digital Marketplace admin
{% endblock %}

{% block breadcrumbs %}
  {{ govukBreadcrumbs({
    "items": [
      {
        "text": "Admin home",
        "href": url_for('.index')
      },
      {
        "text": "View frameworks"
      }
    ]
  }) }}
{% endblock %}

{% block mainContent %}
  <h1 class="govuk-heading-xl">Frameworks</h1>

    {% set ns = namespace(rows = []) %}
    {% for framework in frameworks %}
      {% set change_link %}
        <a class="govuk-link" href="{{ url_for('.change_framework_status', framework_slug=framework.slug) }}">Change<span class="govuk-visually-hidden"> status of {{ framework.name }}</span></a>
      {% endset %}

      {% set row = ns.rows.append(
        [
          {"text": framework.name},
          {"text": framework.status},
          {"html": change_link},
        ]
      ) %}
    {% endfor %}

    {{ govukTable({
      'head': [
        {'text': 'Name'},
        {'text': 'Status'},
        {'html': '<span class="govuk-visually-hidden">Change status</span>'},
      ],
      'rows': ns.rows,
    }) }}
{% endblock %}

Replace table in framework list page
Replace table in framework list page

Replace the toolkit summary table with the more accessible table from the design system. Also introduce visually hidden text to make it easier for screen readers to understand the page.

I just added this page, so think I should make it fully accessible before going any further.
