Don't miss out Virtual Happy Hour this Friday (April 26).

Try our conversational search powered by Generative AI!

AI OnAI Off

Improve Form element to fullfill the WCAG 2.0 level AA compliance

Found in

EPiServer.Forms 4.27.1

Fixed in

EPiServer.Forms 4.28.0

(Or a related package)

Created

Feb 17, 2020

Updated

Apr 03, 2020

State

Closed, Acceptance tests pass

Description

According to the discussion at https://www.yammer.com/emvp/#/threads/show?threadId=1083938207

We need to improve form element behavior, such as input validation, so the user can fix any errors.

  • If there is an error when submitting, set the input element's aria-invalid attribute = true.
  • Add the input element's aria-describedby attribute to the validation error message.
  • Added the alt attribute to some Img elements.
  • Removed the placeholder attribute if it is empty.
  • Fixed the tab order of the ImageChoiceElement so the validation works.
  • If the submit action fails, the image is focused as it is at the first invalid element.