# React Chat UI Components Accessibility

**URL:** <https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443>\
**Category:** React\
**Tags:** question\
**Created:** [April 24, 2024, 9:34pm UTC](https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443 "2024-04-24T21:34:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hypacia](https://avatars.discourse-cdn.com/v4/letter/h/f1d935/32.png) [@hypacia](https://community.sendbird.com/u/hypacia)\
**Post date:** [April 24, 2024, 9:34pm UTC](https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443/1 "2024-04-24T21:34:45Z")

</div>

**[Problem/Question]**  
It seems like certain elements in the Chat UI are missing accessibility tags (for screen-readers). The one specifically that I have noticed is for voice messages.

* * *

// If problem, please fill out the below. If question, please delete.  
**[UIKit Version]**  
“@sendbird/uikit-react”: “^3.13.1”,

**[Reproduction Steps]**  
Enable voice messages (dashboard or in component)

```auto
import App from "@sendbird/uikit-react/App";

...

<App
      appId=""
      userId=""
     ...
    />

```

**[Frequency]**  
In all implementations.

**[Current impact]**  
Decreases user usability.

I am aware that I can work around this by creating a custom component for the voice message and adding a label to that but I’d prefer to have this be a feature.

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [April 30, 2024, 5:38am UTC](https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443/2 "2024-04-30T05:38:36Z")

</div>

Hello @hypacia,

Currently our React UIKit does not support accessibility.

---

<div class="post-metadata">

**Author:** ![Evan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/evan/32/5155_2.png) [@Evan](https://community.sendbird.com/u/Evan)\
**Post date:** [May 6, 2024, 4:02pm UTC](https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443/3 "2024-05-06T16:02:18Z")

</div>

Hi @Tyler ,

Do you have any further documenation on your plans regarding a11y? Because `our React UIKit does not support accessibility` seems a fairly blanket statement when the OP seemed to imply that there were only partial omissions.

We use Sendbird for mail and are evaluating it for chat. No accessibilty support would mean we can’t use it. We need to try and reach at least WGAG 2.\* AA. But minor ommissions might be ok.

thx.

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [May 7, 2024, 1:49am UTC](https://community.sendbird.com/t/react-chat-ui-components-accessibility/9443/4 "2024-05-07T01:49:11Z")

</div>

Hi @Evan,

I do understand that this is a rather generic blanket statement but officially as a product, it does not provide support for accessibility. While there may be some accessibility aspects implemented, there is no official support across the board.