Having issues setting the role for V8 Buttons

[svalenciasan]

Is there any reason why the role might be getting ignored?

<>
  <div role='radiogroup'>
    <IconButton
      ariaLabel={strings.AlignAriaLabel}
      data-automation-id={strings.AlignAutomationId}
      iconProps={{ iconName: 'AlignHorizontalLeft' }}
      onClick={() => changeCallback(targetProperty, Alignment.Left)}
      role={'radio'}
      aria-checked={alignment === Alignment.Left}
      styles={defaultButtonStyles}
      title={strings.AlignTitle}
    />
    // ... OTHER ICONBUTTONS WITH SAME ISSUE ...
  </div>
</>

[pradeept95]

Hi @svalenciasan ,
When I tried to set role no buttons (DefaultButton, IconButton etc), it seems working properly. Please refer following screenshot from doc.

<IconButton role={"radio"} iconProps={emojiIcon} title="Emoji" ariaLabel="Emoji" disabled={disabled} checked={checked} />
You can test using the editor in the document itself.