Accessibility - Grok Debugger aria label violation

[rashmivkulkarni]

Kibana version: 8.0

Elasticsearch version: 8.0

Xpack > grok Debugger> When I run the axe plugin on grok Debugger page, I found 3 aria-label violations as shown in the screenshot below. Trying to write an automated test for this to run it via a11y tool and here is the console output .

 Dev tools grok debugger
       Dev tools grok debugger view:
     Error: a11y report:

VIOLATION
  [label]: Ensures every form element has a label
    Help: https://dequeuniversity.com/rules/axe/3.5/label?application=axeAPI
    Elements:
      - #i47c56f00-73ce-11ea-8157-57c818c89eff_4a79b990-73ce-11ea-8157-57c818c89eff > textarea
      - #i47c5bd20-73ce-11ea-8157-57c818c89eff_4a7a07b0-73ce-11ea-8157-57c818c89eff > textarea
      - #i47c743c0-73ce-11ea-8157-57c818c89eff_4a7a2ec1-73ce-11ea-8157-57c818c89eff > textarea
      at Accessibility.testAxeReport (/Users/rashmikulkarni/my_workspace/kibana/test/accessibility/services/a11y/a11y.ts:85:15)
      at Accessibility.testAppSnapshot (/Users/rashmikulkarni/my_workspace/kibana/test/accessibility/services/a11y/a11y.ts:58:18)
      at process._tickCallback (internal/process/next_tick.js:68:7)

cc @bhavyarm @myasonik

[myasonik]

Fixed a similar problem elsewhere in Kibana: https://github.com/elastic/kibana/blob/master/src/plugins/console/public/application/components/editor_example.tsx#L34-L45

The solution should be reusable here. Feel free to ping me if anything is unclear.