fix(segment, segment-button): use correct tablist and tab roles for screen readers (#23145)

* fix(segment, segment-button): change aria attributes for segment and segment-button

* add axe test

* Add tests, screen reader doc

* add updated screen reader

* fix(segment-button): move aria tags to host

* verify nvda and talkback behavior

* fix(segment-button): remove outline on focus

* Update core/src/components/segment/test/basic/index.html

Co-authored-by: Liam DeBeasi <liamdebeasi@icloud.com>

core/src/components/segment/segment.tsx

@@ -425,6 +425,7 @@ export class Segment implements ComponentInterface {
     const mode = getIonMode(this);
     return (
       <Host
+        role="tablist"
         onClick={this.onClick}
         class={createColorClasses(this.color, {
           [mode]: true,