fix(core): segmented button accessibility improvements

[droshev]

fixes #10805

a clean PR for #10932

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	98ecd39
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/657349d7bd7f0a0008cf51c5
😎 Deploy Preview	https://deploy-preview-11054--fundamental-ngx.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.

[github-actions]

Visit the preview URL for this PR (updated for commit 3aa6826):

https://fundamental-ngx-gh--pr11054-fix-segmented-button-pmvjkwck.web.app

_{(expires Sat, 09 Dec 2023 16:02:30 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[g-cheishvili]

No example updates?

[InnaAtanasova]

<ul 
    role="listbox" 
    aria-multiselectable="false" 
    aria-orientation="horizontal"
    aria-roledescription="Segmented button group" 
    aria-describedby="..." 
    class="..." 
    tabindex="-1">
    <li 
      tabindex="-1" 
      role="option"
      aria-roledescription="Segmented button" 
      aria-posinset="1" 
      aria-setsize="3" 
      aria-selected="false"
      class="..." 
      style="...">
    ...
    </li>
    <li 
      tabindex="0" 
      role="option"
      aria-roledescription="Segmented button" 
      aria-posinset="2" 
      aria-setsize="3" 
      aria-selected="true"
      class="..." 
      style="...">
      ...
    </li>
    <li 
      tabindex="-1" 
      role="option"
      aria-roledescription="Segmented button" 
      aria-posinset="3" 
      aria-setsize="3" 
      aria-selected="false"
      class="..." 
      style="...">
      ...
    </li>
  </ul>

[InnaAtanasova]

https://www.w3.org/WAI/ARIA/apg/patterns/listbox/