securingsincity/react-ace

<AVT>Form control element <textarea> has no associated label

SongHaiyan2022 opened this issue · 3 comments

===== ENVIRONMENT =====
IBM CI 162 Checkpoint Violation: IBM 3.3.2 Labels or Instructions
https://www.ibm.com/able/requirements/requirements/#3_3_2

Test Tool Type: IBM Accessbility Checker

===== DEFECT DESCRIPTION =====

Problem : Form control element <textarea> has no associated label

=====STEPS TO REPRODUCE =====

  1. Go to https://dev.console.test.cloud.ibm.com
  2. Open a CIS service.
  3. Go to 'Edge Functions' page
  4. Go to 'Action' tab
  5. Click 'Create' button
    ===== EXPECTED RESULT =====
    
Pls check the followed link for detail:
    https://www.w3.org/TR/WCAG20-TECHS/ARIA16.html
    https://www.w3.org/TR/WCAG20-TECHS/H44

Problem:
image

You can use editor.textInput.getElement().ariaLabel="a useful label here" to set a label.

@nightwing From our dev: The proposed solution does not seem to work with the AceEditor we are importing from react-ace.
image

+1, could you add ariaLabel for textArea in next release?
There is reported still a11y issue.