search

Altinn / app-frontend-react

Altinn application React frontend
BSD 3-Clause "New" or "Revised" License
18 stars 31 forks source link

UU/WCAG: Missing aria-value for TextArea-element #1538

Closed xmrsa closed 1 month ago

xmrsa commented 1 year ago

Description of the bug

When I have a TextArea with only a title-text, Wave gives an error like this:

image

The mistake is that the aria-reference uses the "description". When I add a description it looks fine in Wave: image

But I don't want a description her, I only want the title-element, like this: { "id": "TextArea-kommentarer-til-omsetningssiden", "type": "TextArea", "dataModelBindings": { "simpleBinding": "SkjemaData.KommentarSide.kommOmsetning" }, "required": false, "textResourceBindings": { "title": "lang.kommentarer.til.spoersmaal.siden.title" } },

Steps To Reproduce

  1. Make a TextArea-element with only "title"-element.
  2. Run your app
  3. Push Wave-button, and you will see for yourself.

Additional Information

No response

Febakke commented 1 year ago

Thanks for reporting this! 🙌 I agree with you conclusion. Seems like a bug where the describedBy is not removed when there are no description. We should test if this only occurs with textarea or if the bug is present on other components as well.

olemartinorg commented 1 year ago

Related to:

xmrsa commented 5 months ago

Noen planer om å fikse denne issuen snart? Det er litt irriterende å få feilmelding i Wave når det egentlig ikke er vi skjemautviklere som har gjort noe feil.

olemartinorg commented 4 months ago

@xmrsa Jeg kjenner ikke til noen umiddelbare planer, dessverre. Vi prøver å ta noen feilrapporter innimellom, spesielt om de er alvorlige, men det er mye å gjøre - for mye til at vi klarer å tilfredsstille alle behov, dessverre. Siden dere har kjøpt dere en egen prioriteringskø (eller et forbikjøringsfelt, om du vil) vil jeg anbefale å ta det videre internt hos dere og eventuelt flytte dette opp på lista om denne fiksen bør komme før andre ting.

Magnusrm commented 1 month ago

I can not reproduce this issue. The issue seems to have been fixed by using the Designsystemet Textarea component in the PR: https://github.com/Altinn/app-frontend-react/pull/2213