chore: update accessibility-checker to 3.1.79 and turns rules on

[2nikhiltom]

Closes #18227

Update accessibility-checker to 3.1.79

Turns on label_name_visible, aria_attribute_conflict and target_spacing_sufficient rules back on inside 'toHaveNoACViolations' of both playwright and jest configs

Made changes in SCSS styles to accommodate the fix for a11y violations

Changelog

Changed

• styles changes in fluid-text-area.scss and text-area.scss

Testing / Reviewing

Verify no ci failures
Verify no a11y violations
Verify if the styles changes are acceptable

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	8b0f989
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67975bb475c7480009461b58
😎 Deploy Preview	https://deploy-preview-18317--carbon-elements.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 site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	8b0f989
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67975bb4cc926b000882f2ea
😎 Deploy Preview	https://deploy-preview-18317--v11-carbon-web-components.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 site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	8b0f989
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67975bb4d87c1000089fd344
😎 Deploy Preview	https://deploy-preview-18317--v11-carbon-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 site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	7c7ddcc
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6798b1464e5c120008d5824e
😎 Deploy Preview	https://deploy-preview-18317--carbon-elements.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 site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	7c7ddcc
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/6798b14694caa00008914e00
😎 Deploy Preview	https://deploy-preview-18317--v11-carbon-web-components.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 site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	7c7ddcc
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/6798b1462d03420009490939
😎 Deploy Preview	https://deploy-preview-18317--v11-carbon-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 site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.16%. Comparing base (3ce0c86) to head (7c7ddcc).

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #18317   +/-   ##
=======================================
  Coverage   84.16%   84.16%           
=======================================
  Files         408      408           
  Lines       14449    14449           
  Branches     4700     4646   -54     
=======================================
  Hits        12161    12161           
- Misses       2123     2124    +1     
+ Partials      165      164    -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tay1orjones]

@2nikhiltom could you share specifically what a11y rule this fixes and why? This will be a spec change for the component that we'll need to populate everywhere. I'm curious if there's anything else we could try to avoid a spec change?

@laurenmrice here's the visual diff for this

[laurenmrice]

@tay1orjones Thanks Taylor. @2nikhiltom If possible we should avoid this spec change. The design specs should stay as is.

[2nikhiltom]

@tay1orjones
Accessibility violation detected where toggletip button didn't have sufficient spacing (12px) from textarea
Error: "Undersized target 'button' does not have sufficient spacing of 12 CSS pixels from another target 'textarea'"

The issue is happening in textarea with a tooltip variant .

const ToggleTip = (
  <>
    <ToggletipLabel>Text Area label</ToggletipLabel>
    <span role="presentation">
      <Toggletip align="top-left">
        <ToggletipButton label="Show information">
          <Information />
        </ToggletipButton>
        <ToggletipContent>
          <p>Additional field information here.</p>
        </ToggletipContent>
      </Toggletip>
    </span>
  </>
);

export const DefaultWithTooltip = () => (
  <FluidTextArea labelText={ToggleTip} placeholder="Placeholder text" />
);

I feel one way to fix this without modifying the component source or styles is to wrap the Toggletip in a semantic span with role="presentation" the wrapper affects the accessibility tree spacing calculation (storybook change)