style: add aria-labels for label-less forms (#1171)

style: add aria-labels for labelless forms

Author: georgexu99

src/renderer/components/commands-address-bar.tsx

@@ -142,7 +142,11 @@ export const AddressBar = observer(
 
       const isPerformingAction = activeGistAction !== GistActionState.none;
       return (
-        <form className={className} onSubmit={this.handleSubmit}>
+        <form
+          className={className}
+          aria-label={'Enter Fiddle Gist URL'}
+          onSubmit={this.handleSubmit}
+        >
           <fieldset disabled={isPerformingAction}>
             <InputGroup
               key="addressbar"

src/renderer/components/settings-execution.tsx

@@ -205,6 +205,7 @@ export const ExecutionSettings = observer(
           {varsArray.map(([idx, envVar]) => {
             return (
               <InputGroup
+                aria-label={'Set user-provided environment variables'}
                 placeholder='NODE_OPTIONS="--no-warnings --max-old-space-size=2048"'
                 value={envVar}
                 name={idx}
@@ -240,6 +241,7 @@ export const ExecutionSettings = observer(
           {flagsArray.map(([idx, flag]) => {
             return (
               <InputGroup
+                aria-label={'Set user-provided flags'}
                 placeholder="--js-flags=--expose-gc"
                 value={flag}
                 name={idx}

tests/renderer/components/__snapshots__/settings-execution-spec.tsx.snap

@@ -73,6 +73,7 @@ exports[`ExecutionSettings component renders 1`] = `
       </p>
       <br />
       <Blueprint3.InputGroup
+        aria-label="Set user-provided flags"
         key="0"
         name="0"
         onChange={[Function]}
@@ -115,6 +116,7 @@ exports[`ExecutionSettings component renders 1`] = `
       </p>
       <br />
       <Blueprint3.InputGroup
+        aria-label="Set user-provided environment variables"
         key="0"
         name="0"
         onChange={[Function]}