<commit_before><!DOCTYPE html>
<!--[if lt IE 9]><html class="lte-ie8" lang="en-GB"><![endif]-->
<!--[if gt IE 8]><!--><html lang="en-GB"><!--<![endif]-->
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>Tables : Claim rural payments</title>

    <script>
      (function(){if(navigator.userAgent.match(/IEMobile\/10\.0/)){var d=document,c="appendChild",a=d.createElement("style");a[c](d.createTextNode("@-ms-viewport{width:auto!important}"));d.getElementsByTagName("head")[0][c](a);}})();
    </script>

    <!--[if gt IE 8]><!--><link href="/assets/govuk/stylesheets/govuk-template.css" media="screen" rel="stylesheet"><!--<![endif]-->
    <!--[if IE 8]><link href="/assets/govuk/stylesheets/govuk-template-ie8.css" media="screen" rel="stylesheet"><![endif]-->

    <link href="/assets/govuk/stylesheets/govuk-template-print.css" media="print" rel="stylesheet">

    <!--[if IE 8]>
    <script>
      (function(){if(window.opera){return;}
       setTimeout(function(){var a=document,g,b={families:(g=
       ["nta"]),urls:["/assets/govuk/stylesheets/fonts-ie8.css"]},
       c="govuk/javascripts/vendor/goog/webfont-debug.js",d="script",
       e=a.createElement(d),f=a.getElementsByTagName(d)[0],h=g.length;WebFontConfig
       ={custom:b},e.src=c,f.parentNode.insertBefore(e,f);for(;h=h-1;a.documentElement
       .className+=' wf-'+g[h].replace(/\s/g,'').toLowerCase()+'-n4-loading');},0)
      })()
    </script>
    <![endif]-->

    <!--[if gte IE 9]><!-->
    <link href="/assets/govuk/stylesheets/fonts.css" media="all" rel="stylesheet">
    <!--<![endif]-->

    <!--[if lt IE 9]>
      <script src="/assets/govuk/javascripts/ie.js"></script>
    <![endif]-->

    <link rel="shortcut icon" href="/assets/govuk/images/favicon.ico" type="image/x-icon">

    <!-- For third-generation iPad with high-resolution Retina display: -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/govuk/images/apple-touch-icon-144x144.png">

    <!-- For iPhone with high-resolution Retina display: -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/govuk/images/apple-touch-icon-114x114.png">

    <!-- For first- and second-generation iPad: -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/govuk/images/apple-touch-icon-72x72.png">

    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
    <link rel="apple-touch-icon-precomposed" href="/assets/govuk/images/apple-touch-icon-57x57.png">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:image" content="/assets/govuk/images/opengraph-image.png">

    <link href="/assets/stylesheets/main.css" media="all" rel="stylesheet">

  </head>

  <body>

  <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>


	<!-- Header -->
  <div id="skiplink-container">
    <div>
      <a href="#content" class="skiplink">Skip to main content</a>
    </div>
  </div>

  <div id="global-cookie-message">
    <div class="outer-block">
      <div class="inner-block">
          <p>GOV.UK uses cookies to make the site simpler. <a href="https://www.gov.uk/help/cookies">Find out more about cookies</a></p>
      </div>
    </div>
  </div>

  <header role="banner" id="global-header" class="with-proposition">
    <div class="header-wrapper">
      <div class="header-global">
        <div class="header-logo">
          <a href="https://www.gov.uk/" title="Go to the GOV.UK homepage" id="logo" class="content">
            <img src="/assets/govuk/images/gov.uk_logotype_crown.png" width="35" height="31" alt=""> GOV.UK
          </a>
        </div>
      </div>
      <div class="header-proposition">
	  <div class="content">
	    <a href="#proposition-links" class="js-header-toggle menu">Menu</a>
	    <nav id="proposition-menu">
	      <a href="/" id="proposition-name">Claim rural payments</a>
	      <ul id="proposition-links">
	        <li><a href="#">My account</a></li>
	        <li><a href="#">Sign out</a></li>
	        <li><a href="#">Help</a></li>
	      </ul>
	    </nav>
	  </div>
	</div>
    </div>
  </header>

  <div id="global-header-bar">
    <div class="inner-block">
      <div class="header-bar"></div>
    </div>
  </div>
  <!-- End -->


	<!-- Content -->
  <main id="page-container" role="main">


		<div class="phase-banner">
			<p>
				<strong class="phase-tag">Beta</strong>
				<span>This is a new service – your <a href="#">feedback</a> will help us to improve it.</span>
			</p>
		</div>


		<a class="back-link" href="/">Back to the index</a>


		<h1 class="heading-xlarge">Tables</h1>


		<p class="lede">Consider putting content into tables to make it easier to scan.</p>


    <!-- standard -->
		<h2 class="heading-medium">Standard table</h2>


		<table>

      <caption class="visuallyhidden">Business plan execution results</caption>

			<thead>

				<tr>
					<th></th>
					<th class="numeric" scope="col">Business Plan</th>
					<th class="numeric" scope="col">Actual</th>
				</tr>

			</thead>

			<tbody>

				<tr>
					<th scope="row">Vehicle volumes</th>
					<td class="numeric">103,672,000</td>
					<td class="numeric">97,424,000</td>
				</tr>

				<tr>
					<th scope="row">Driver volumes</th>
					<td class="numeric">16,891,000</td>
					<td class="numeric">15,197,000</td>
				</tr>

				<tr>
					<th scope="row">Electronic take-up target</th>
					<td class="numeric">54%</td>
					<td class="numeric">-</td>
				</tr>

				<tr>
					<th scope="row">Electronic take-up (actual)</th>
					<td class="numeric">-</td>
					<td class="numeric">50.3%</td>
				</tr>

			</tbody>

		</table>


		<!-- land features -->
		<h2 class="heading-medium">Land features table</h2>


    <table class="table-land-features">

      <caption class="visuallyhidden">Land uses and features information</caption>

      <thead>

        <tr>
          <th scope="col">Land uses and features</th>
          <th class="numeric" scope="col">Area</th>
          <th class="action"></th>
        </tr>

      </thead>

      <tfoot>

        <tr>
          <th>Total area</th>
          <td class="numeric">5.6ha</td>
          <td class="action"></td>
        </tr>

      </tfoot>

      <tbody>

        <tr>
          <th scope="row"><a href="#">Hedge</a></th>
          <td class="numeric">0.56ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Buffer strip</a></th>
          <td class="numeric">0.67ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Arable land</a> <span class="text-warning">More information required</span></th>
          <td class="numeric">4.32ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Unknown</a></th>
          <td class="numeric">0.05ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

      </tbody>

    </table>


    <!-- land parcels -->
		<h2 class="heading-medium">Land parcels table</h2>

    <table class="table-land-parcels">

      <caption class="visuallyhidden">Land parcels</caption>

      <thead>

        <tr>
          <th scope="col">Land parcel name</th>
          <th class="numeric" scope="col">ID</th>
          <th class="numeric" scope="col">Area</th>
          <th class="checked" scope="col">Checked</th>
        </tr>

      </thead>

      <tbody>

        <tr>
          <th scope="row"><a href="#">Arable land</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_3931</span></td>
          <td class="numeric">5.76ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Top field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_5971</span></td>
          <td class="numeric">6.05ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">East field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4541</span></td>
          <td class="numeric">0.49ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Fallow field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_3254</span></td>
          <td class="numeric">5.6ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">The Fen</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4248</span></td>
          <td class="numeric">4.56ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Wheat and Barle</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_1039</span></td>
          <td class="numeric">5.34ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_1039</span></td>
          <td class="numeric">5.34ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4461</span></td>
          <td class="numeric">3.25ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4369</span></td>
          <td class="numeric">2.1ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4774</span></td>
          <td class="numeric">7.12ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

      </tbody>

    </table>


    <!-- screen reader optimised -->
		<h2 class="heading-medium">Screen reader optimised table</h2>


		<table>

		  <caption class="visuallyhidden">Busness details listing</caption>

			<thead>

				<tr>
					<th scope="col">Business</th>
					<th class="action" scope="col">Permissions</th>
					<th class="action" scope="col">View or check</th>
				</tr>

			</thead>

			<tbody>

				<tr>
					<th scope="row">Hansels Farm <br> <b><abbr title="Single Business Identifier">SBI</abbr></b>: 222222235</th>
					<td class="action"><a href="/">View or give permissions <span class="visuallyhidden">to Hansels Farm</span></a></td>
					<td class="action"><a href="/">View business <span class="visuallyhidden">Hansels Farm</span></a></td>
				</tr>

				<tr>
					<th scope="row">Willow Farm <br> <b><abbr title="Single Business Identifier">SBI</abbr></b>: 222222236</th>
					<td class="action"><a href="/">View or give permissions <span class="visuallyhidden">to Willow Farm</span></a></td>
					<td class="action"><a href="/">View business <span class="visuallyhidden">Willow Farm</span></a></td>
				</tr>

			</tbody>

		</table>


    <!-- form elements -->
		<h2 class="heading-medium">Form tables</h2>


    <form class="form-table" method="post" action="/">

  		<table>

  		  <caption class="visuallyhidden">Business plan execution results</caption>

  			<thead>

  				<tr>
  					<th scope="col">Parcel name</th>
  					<th scope="col">Parcel reference</th>
  					<th scope="col">Total area (<abbr title="Hectare">ha</abbr>)</th>
  					<th scope="col"><abbr title="Basic Payment Scheme">BPS</abbr> eligible area (<abbr title="Hectare">ha</abbr>)</th>
  					<th scope="col">Land cover</th>
  					<th scope="col">Land use area (<abbr title="Hectare">ha</abbr>)</th>
  					<th scope="col">Land use 2014</th>
  					<th scope="col">Area to activate entitlements to claim <abbr title="Basic Payment Scheme">BPS</abbr> (<abbr title="Hectare">ha</abbr>)</th>
  				</tr>

  			</thead>

  			<tbody>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50</td>
  					<td>10.50</td>
  					<td>Arable</td>
  					<td>5.40</td>
  					<td>Wheat</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-1">Land Area</label>
    					<input class="form-control" type="text" id="land-area-1" size="5" value="5.20">
  					</td>
  				</tr>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50</td>
  					<td>10.50</td>
  					<td>Arable</td>
  					<td>5.40</td>
  					<td>Wheat</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-2">Land Area</label>
    					<input class="form-control" type="text" id="land-area-2" size="5" value="5.00">
  					</td>
  				</tr>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50</td>
  					<td>10.50</td>
  					<td>Arable</td>
  					<td>-</td>
  					<td>Peas</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-3">Land Area</label>
    					<input class="form-control" type="text" id="land-area-3" size="5" value="10.00">
  					</td>
  				</tr>

  			</tbody>

  		</table>

    </form>


		<!-- reset passwords -->
    <h2 class="heading-medium">Reset passwords table</h2>


		<table>
<commit_msg>Modified form table for readability<commit_after><!DOCTYPE html>
<!--[if lt IE 9]><html class="lte-ie8" lang="en-GB"><![endif]-->
<!--[if gt IE 8]><!--><html lang="en-GB"><!--<![endif]-->
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>Tables : Claim rural payments</title>

    <script>
      (function(){if(navigator.userAgent.match(/IEMobile\/10\.0/)){var d=document,c="appendChild",a=d.createElement("style");a[c](d.createTextNode("@-ms-viewport{width:auto!important}"));d.getElementsByTagName("head")[0][c](a);}})();
    </script>

    <!--[if gt IE 8]><!--><link href="/assets/govuk/stylesheets/govuk-template.css" media="screen" rel="stylesheet"><!--<![endif]-->
    <!--[if IE 8]><link href="/assets/govuk/stylesheets/govuk-template-ie8.css" media="screen" rel="stylesheet"><![endif]-->

    <link href="/assets/govuk/stylesheets/govuk-template-print.css" media="print" rel="stylesheet">

    <!--[if IE 8]>
    <script>
      (function(){if(window.opera){return;}
       setTimeout(function(){var a=document,g,b={families:(g=
       ["nta"]),urls:["/assets/govuk/stylesheets/fonts-ie8.css"]},
       c="govuk/javascripts/vendor/goog/webfont-debug.js",d="script",
       e=a.createElement(d),f=a.getElementsByTagName(d)[0],h=g.length;WebFontConfig
       ={custom:b},e.src=c,f.parentNode.insertBefore(e,f);for(;h=h-1;a.documentElement
       .className+=' wf-'+g[h].replace(/\s/g,'').toLowerCase()+'-n4-loading');},0)
      })()
    </script>
    <![endif]-->

    <!--[if gte IE 9]><!-->
    <link href="/assets/govuk/stylesheets/fonts.css" media="all" rel="stylesheet">
    <!--<![endif]-->

    <!--[if lt IE 9]>
      <script src="/assets/govuk/javascripts/ie.js"></script>
    <![endif]-->

    <link rel="shortcut icon" href="/assets/govuk/images/favicon.ico" type="image/x-icon">

    <!-- For third-generation iPad with high-resolution Retina display: -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/govuk/images/apple-touch-icon-144x144.png">

    <!-- For iPhone with high-resolution Retina display: -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/govuk/images/apple-touch-icon-114x114.png">

    <!-- For first- and second-generation iPad: -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/govuk/images/apple-touch-icon-72x72.png">

    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
    <link rel="apple-touch-icon-precomposed" href="/assets/govuk/images/apple-touch-icon-57x57.png">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:image" content="/assets/govuk/images/opengraph-image.png">

    <link href="/assets/stylesheets/main.css" media="all" rel="stylesheet">

  </head>

  <body>

  <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>


	<!-- Header -->
  <div id="skiplink-container">
    <div>
      <a href="#content" class="skiplink">Skip to main content</a>
    </div>
  </div>

  <div id="global-cookie-message">
    <div class="outer-block">
      <div class="inner-block">
          <p>GOV.UK uses cookies to make the site simpler. <a href="https://www.gov.uk/help/cookies">Find out more about cookies</a></p>
      </div>
    </div>
  </div>

  <header role="banner" id="global-header" class="with-proposition">
    <div class="header-wrapper">
      <div class="header-global">
        <div class="header-logo">
          <a href="https://www.gov.uk/" title="Go to the GOV.UK homepage" id="logo" class="content">
            <img src="/assets/govuk/images/gov.uk_logotype_crown.png" width="35" height="31" alt=""> GOV.UK
          </a>
        </div>
      </div>
      <div class="header-proposition">
	  <div class="content">
	    <a href="#proposition-links" class="js-header-toggle menu">Menu</a>
	    <nav id="proposition-menu">
	      <a href="/" id="proposition-name">Claim rural payments</a>
	      <ul id="proposition-links">
	        <li><a href="#">My account</a></li>
	        <li><a href="#">Sign out</a></li>
	        <li><a href="#">Help</a></li>
	      </ul>
	    </nav>
	  </div>
	</div>
    </div>
  </header>

  <div id="global-header-bar">
    <div class="inner-block">
      <div class="header-bar"></div>
    </div>
  </div>
  <!-- End -->


	<!-- Content -->
  <main id="page-container" role="main">


		<div class="phase-banner">
			<p>
				<strong class="phase-tag">Beta</strong>
				<span>This is a new service – your <a href="#">feedback</a> will help us to improve it.</span>
			</p>
		</div>


		<a class="back-link" href="/">Back to the index</a>


		<h1 class="heading-xlarge">Tables</h1>


		<p class="lede">Consider putting content into tables to make it easier to scan.</p>


    <!-- standard -->
		<h2 class="heading-medium">Standard table</h2>


		<table>

      <caption class="visuallyhidden">Business plan execution results</caption>

			<thead>

				<tr>
					<th></th>
					<th class="numeric" scope="col">Business Plan</th>
					<th class="numeric" scope="col">Actual</th>
				</tr>

			</thead>

			<tbody>

				<tr>
					<th scope="row">Vehicle volumes</th>
					<td class="numeric">103,672,000</td>
					<td class="numeric">97,424,000</td>
				</tr>

				<tr>
					<th scope="row">Driver volumes</th>
					<td class="numeric">16,891,000</td>
					<td class="numeric">15,197,000</td>
				</tr>

				<tr>
					<th scope="row">Electronic take-up target</th>
					<td class="numeric">54%</td>
					<td class="numeric">-</td>
				</tr>

				<tr>
					<th scope="row">Electronic take-up (actual)</th>
					<td class="numeric">-</td>
					<td class="numeric">50.3%</td>
				</tr>

			</tbody>

		</table>


		<!-- land features -->
		<h2 class="heading-medium">Land features table</h2>


    <table class="table-land-features">

      <caption class="visuallyhidden">Land uses and features information</caption>

      <thead>

        <tr>
          <th scope="col">Land uses and features</th>
          <th class="numeric" scope="col">Area</th>
          <th class="action"></th>
        </tr>

      </thead>

      <tfoot>

        <tr>
          <th>Total area</th>
          <td class="numeric">5.6ha</td>
          <td class="action"></td>
        </tr>

      </tfoot>

      <tbody>

        <tr>
          <th scope="row"><a href="#">Hedge</a></th>
          <td class="numeric">0.56ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Buffer strip</a></th>
          <td class="numeric">0.67ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Arable land</a> <span class="text-warning">More information required</span></th>
          <td class="numeric">4.32ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Unknown</a></th>
          <td class="numeric">0.05ha</td>
          <td class="action"><a class="link-secondary" href="#">Remove</a></td>
        </tr>

      </tbody>

    </table>


    <!-- land parcels -->
		<h2 class="heading-medium">Land parcels table</h2>

    <table class="table-land-parcels">

      <caption class="visuallyhidden">Land parcels</caption>

      <thead>

        <tr>
          <th scope="col">Land parcel name</th>
          <th class="numeric" scope="col">ID</th>
          <th class="numeric" scope="col">Area</th>
          <th class="checked" scope="col">Checked</th>
        </tr>

      </thead>

      <tbody>

        <tr>
          <th scope="row"><a href="#">Arable land</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_3931</span></td>
          <td class="numeric">5.76ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Top field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_5971</span></td>
          <td class="numeric">6.05ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">East field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4541</span></td>
          <td class="numeric">0.49ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Fallow field</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_3254</span></td>
          <td class="numeric">5.6ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">The Fen</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4248</span></td>
          <td class="numeric">4.56ha</td>
          <td class="checked"><span class="tag tag-done">Yes</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Wheat and Barle</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_1039</span></td>
          <td class="numeric">5.34ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_1039</span></td>
          <td class="numeric">5.34ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4461</span></td>
          <td class="numeric">3.25ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4369</span></td>
          <td class="numeric">2.1ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

        <tr>
          <th scope="row"><a href="#">Untilted</a></th>
          <td class="numeric"><span class="text-secondary">SJ8063_4774</span></td>
          <td class="numeric">7.12ha</td>
          <td class="checked"><span class="tag">No</span></td>
        </tr>

      </tbody>

    </table>


    <!-- screen reader optimised -->
		<h2 class="heading-medium">Screen reader optimised table</h2>


		<table>

		  <caption class="visuallyhidden">Busness details listing</caption>

			<thead>

				<tr>
					<th scope="col">Business</th>
					<th class="action" scope="col">Permissions</th>
					<th class="action" scope="col">View or check</th>
				</tr>

			</thead>

			<tbody>

				<tr>
					<th scope="row">Hansels Farm <br> <b><abbr title="Single Business Identifier">SBI</abbr></b>: 222222235</th>
					<td class="action"><a href="/">View or give permissions <span class="visuallyhidden">to Hansels Farm</span></a></td>
					<td class="action"><a href="/">View business <span class="visuallyhidden">Hansels Farm</span></a></td>
				</tr>

				<tr>
					<th scope="row">Willow Farm <br> <b><abbr title="Single Business Identifier">SBI</abbr></b>: 222222236</th>
					<td class="action"><a href="/">View or give permissions <span class="visuallyhidden">to Willow Farm</span></a></td>
					<td class="action"><a href="/">View business <span class="visuallyhidden">Willow Farm</span></a></td>
				</tr>

			</tbody>

		</table>


    <!-- form elements -->
		<h2 class="heading-medium">Form tables</h2>


    <form class="form-table" method="post" action="/">

  		<table>

  		  <caption class="visuallyhidden">Business plan execution results</caption>

  			<thead>

  				<tr>
  					<th scope="col">Parcel</th>
  					<th scope="col">Reference</th>
  					<th scope="col">Total area</th>
  					<th scope="col">Eligible area</th>
  					<th scope="col">Land cover</th>
  					<th scope="col">Land use area</th>
  					<th scope="col">Land use</th>
  					<th scope="col">Area to claim</th>
  				</tr>

  			</thead>

  			<tbody>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50ha</td>
  					<td>10.50ha</td>
  					<td>Arable</td>
  					<td>5.40ha</td>
  					<td>Wheat</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-1">Land Area</label>
    					<input class="form-control" type="text" id="land-area-1" size="5" value="5.20"> ha
  					</td>
  				</tr>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50ha</td>
  					<td>10.50ha</td>
  					<td>Arable</td>
  					<td>5.40ha</td>
  					<td>Wheat</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-2">Land Area</label>
    					<input class="form-control" type="text" id="land-area-2" size="5" value="5.00"> ha
  					</td>
  				</tr>

  				<tr>
  					<th scope="row">Field E</th>
  					<td>NZ1234</td>
  					<td>10.50ha</td>
  					<td>10.50ha</td>
  					<td>Arable</td>
  					<td>-</td>
  					<td>Peas</td>
  					<td>
    					<label class="visuallyhidden" for="land-area-3">Land Area</label>
    					<input class="form-control" type="text" id="land-area-3" size="5" value="10.00"> ha
  					</td>
  				</tr>

  			</tbody>

  		</table>

    </form>


		<!-- reset passwords -->
    <h2 class="heading-medium">Reset passwords table</h2>


		<table>

{'fraction_non_alphanumeric': 0.2181233792322583, 'fraction_numerical': 0.02315643376310311, 'mean_word_length': 2.691021838770558, 'pattern_counts': {'":': 0, '<': 1215, '<?xml version=': 0, '>': 1209, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 4, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1651904', 'n_tokens_mistral': 10846, 'n_tokens_neox': 9490, 'n_words': 1673}