fix: updated the fix for access related issues in dashboard component

[Maha14-ui]

closes : https://jsw.ibm.com/browse/MAXUIF-3195?filter=-1

Summary

• here I have updated the fix for access related issues for dashboard value component.
• issues :
• Content is not within a landmark element
• Accessible name does not match or contain the visible label text
  components from carbon-addon-iot-react mentioned below.

1. valueCard component
2. gaugeCard

Change List (commits, features, bugs, etc)

• items_here

Acceptance Test (how to verify the PR)

• tests here
  Before :

After :

Regression Test (how to make sure this PR doesn't break old functionality)

• tests here

Things to look for during review

• Make sure all references to iot or bx class prefix is using the prefix variable
• (React) All major areas have a data-testid attribute. New test ids should have test written to ensure they are not changed or removed.
• UI should be checked in RTL mode to ensure the proper handling of layout and text.
• All strings should be translatable.
• The code should pass a11y scans (The storybook a11y knob should show no violations). New components should have a11y test written.
• Unit test should be written and should have a coverage of 90% or higher in all areas.
• All components should be passing visual regression test. For new styles or components either a visual regression test should be written for all permutations or the base image updated.
• Changes or new components should either write new or update existing documentation.
• PR should link and close out an existing issue

[netlify]

✅ Deploy Preview for carbon-addons-iot-react ready!

Name	Link
🔨 Latest commit	a5f06a7
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-addons-iot-react/deploys/69398e62ce928f000815d724
😎 Deploy Preview	https://deploy-preview-4049--carbon-addons-iot-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[aqibibm]

Can't we use same div to give aria-label instead of having

[Maha14-ui]

hi @aqibibm , I have tried to repeat the issues from reference-app. issue (Content is not within a landmark element) was not repeating and main tag and role is already available from main page so these changes are not required. I have reverted these changes. and updated the PR. please review. Thank you!.

[aqibibm]

Why do we need this?

[Maha14-ui]

hi @aqibibm ,as I said above. I have reverted these changes. and updated the PR. please review. Thank you!.

[Maha14-ui]

hi @aqibibm and Team , I was able to reproduce the issue “Accessible name does not match or contain the visible label text.”
I have fixed it in the index.js file and verified the fix in the reference-app through Graphite using my local PAL changes.
updated test ss below. please review the latest changes. Thank you!
Before :

After : ------