Kunal Sachdev · Chris Wells
--- a/src/ProjectBrowser/Filter/BooleanFilter.php
+++ b/src/ProjectBrowser/Filter/BooleanFilter.php
 */
 final class BooleanFilter extends FilterBase {

-  public function __construct(public bool $value, mixed ...$arguments) {
+  public function __construct(public bool $value, public readonly array $options, mixed ...$arguments) {
-  public function __construct(public bool $value, public readonly array $options, mixed ...$arguments) {
+  public function __construct(public bool $value, public readonly string|\Stringable $off_label, public readonly string|\Stringable $on_label, mixed ...$arguments) {
--- a/sveltejs/src/Search/Search.svelte
+++ b/sveltejs/src/Search/Search.svelte
-            filterType="developmentStatus"
-            changeHandler={onAdvancedFilter}
-            let:id
-            let:label
-          >
-            <label
-              slot="label"
-              class="search__checkbox-label"
-              for={`developmentStatus${id}`}
-            >
-              {label}
-            </label>
-          </FilterGroup>
-        {/if}
+        {#each Object.entries($sourceFilters) as [type, filter]}
+          {#if filter._type === 'boolean'}
--- a/sveltejs/src/Search/Search.svelte
+++ b/sveltejs/src/Search/Search.svelte
-          >
-            <label
-              slot="label"
-              class="search__checkbox-label"
-              for={`developmentStatus${id}`}
-            >
-              {label}
-            </label>
-          </FilterGroup>
-        {/if}
+        {#each Object.entries($sourceFilters) as [type, filter]}
+          {#if filter._type === 'boolean'}
+            <BooleanFilter
+              filterTitle={filter.name}
+              filterData={filter.options}
+              filterType={type}
-              filterTitle={filter.name}
-              filterData={filter.options}
-              filterType={type}
+              name={filter.name}
+              options={filter.options}
+              type={type}
--- a/sveltejs/src/Search/FilterGroup.svelte → sveltejs/src/Search/BooleanFilter.svelte
+++ b/sveltejs/src/Search/FilterGroup.svelte → sveltejs/src/Search/BooleanFilter.svelte
  export let changeHandler;
-  export let filterType;
+  export let type;
+  export let description;
+  const { Drupal } = window;
 </script>

 <div class="filter-group__filter-options form-item">
-  <label for={filterType} class="form-item__label">{filterTitle}</label>
+  <label for={type} class="form-item__label">{name}</label>
  <select
-    name={filterType}
+    name={type}
    class="search__filter-select form-select form-element form-element--type-select"
-    bind:value={$filters[filterType]}
+    bind:value={$filters[type]}
--- a/tests/src/FunctionalJavascript/ProjectBrowserUiTestJsonApi.php
+++ b/tests/src/FunctionalJavascript/ProjectBrowserUiTestJsonApi.php
    ]);

    // Make sure the second filter applied is the security covered filter.
-    $this->assertEquals('Covered by a security policy', $this->getElementText(self::SECURITY_OPTION_SELECTOR . self::OPTION_CHECKED));
+    $option = $assert_session->optionExists('securityCoverage', '1');
+    $this->assertSame('Show projects covered by a security policy', $option->getText());
+    $this->assertTrue($option->isSelected());
--- a/src/DevelopmentStatus.php
+++ b/src/DevelopmentStatus.php
 */
 enum DevelopmentStatus: string {

-  case Active = 'active';
-  case All = 'all';
+  case Active = '1';
+  case All = '0';
--- a/tests/src/Nightwatch/Tests/keyboardTest.js
+++ b/tests/src/Nightwatch/Tests/keyboardTest.js
          'Assert second category is selected.',
        );

-      // Press space to expand categories drop-down again.
+      // Press tab to navigate to next drop-down.