Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Screen reader issue with unordered list. #621

Open
9 of 15 tasks
mmacartney10 opened this issue Mar 2, 2023 · 2 comments
Open
9 of 15 tasks

Screen reader issue with unordered list. #621

mmacartney10 opened this issue Mar 2, 2023 · 2 comments
Labels
bug Crush'em all. good first issue

Comments

@mmacartney10
Copy link

Decision Table

  • My issue does not look like “The HTML attribute 'xxx' is ignored” (unless we claim support for it)
  • My issue does not look like “The HTML element <yyy> is not rendered”

Good Faith Declaration

Description

I am rendering an unordered list like in the example below:

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

The issue i'm facing is that the word "space" is read out by the screen reader when scrolling through this list. So for the example above it will read: "space", "one", "space", "two", "space", "three". This text is caused by the bulletpoint. I think it would be a good idea to add some accessibility labels to this bulletpoint so that it doesn't read out the word "space".

React Native Information

"react": "17.0.2",
"react-native": "0.68.5",

RNRH Version

6.3.4

Tested Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Reproduction Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Minimal, Reproducible Example

import React from 'react'
import { View } from "react-native";
import HTML from "react-native-render-html";

const Example = (): JSX.Element => {

  const source = {html: "<ul><li>one</li><li>two</li><li>three</li></ul>"};

  return (
    <View>
      <HTML source={source} />
    </View>
  );
};

export default Example;

Additional Notes

No response
@mmacartney10 mmacartney10 added the bug Crush'em all. label Mar 2, 2023
@Pramod-Aswani1012
Copy link

I would like to solve this issue

@neonbhai
Copy link

neonbhai commented Sep 1, 2023

@jsamr could you please provide the steps on how I could solve this issue? I would to contribute to this project and raise a PR!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Crush'em all. good first issue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@jsamr @mmacartney10 @neonbhai @Pramod-Aswani1012