Make editor fixture field controls explicit

Author: nonprofittechy

.github/fixtures/editor_a11y/editor_accessibility.yml

@@ -9,12 +9,14 @@ code: |
 question: What is your name?
 subquestion: This screen gives the graphical editor a real field to edit.
 fields:
-  - First name: editor_fixture_name
+  - label: First name
+    field: editor_fixture_name
     datatype: text
 ---
 question: Choose a color
 fields:
-  - Color: editor_fixture_color
+  - label: Color
+    field: editor_fixture_color
     datatype: radio
     choices:
       - Blue

.github/scripts/editor_a11y.js

@@ -251,12 +251,17 @@ async function main() {
     blockingViolations = blockingViolations.concat(
       await audit(page, "graphical question editor")
     );
-    await page.locator(".editor-field-kebab-btn").first().click();
-    await page.waitForTimeout(250);
-    blockingViolations = blockingViolations.concat(
-      await audit(page, "field settings editor")
-    );
-    await page.locator(".editor-field-kebab-btn").first().click();
+    const fieldSettingsButton = page.locator(".editor-field-kebab-btn").first();
+    if (await fieldSettingsButton.count()) {
+      await fieldSettingsButton.click();
+      await page.waitForTimeout(250);
+      blockingViolations = blockingViolations.concat(
+        await audit(page, "field settings editor")
+      );
+      await fieldSettingsButton.click();
+    } else {
+      console.log("field settings editor: fixture field has no settings control");
+    }
     await page.locator('[data-question-tab="options"]').click();
     await page.waitForTimeout(250);
     blockingViolations = blockingViolations.concat(

docassemble/ALWeaver/data/static/editor.css

@@ -3844,6 +3844,12 @@ html, body {
 .popover-header,
 .popover-body {
   color: var(--editor-fg) !important;
+  opacity: 1 !important;
+}
+
+.popover {
+  color: var(--editor-fg) !important;
+  background: #fff !important;
 }
 
 .popover-header {