0

我目前正在开发一个带有反应的网络应用程序。为此，我使用了react-circular-progressbar库和组件，如下所示。

在此处输入图像描述

当我使用 narrator 进行屏幕阅读时，它会显示为

图片，一些文字

我想将其覆盖为

60% 一些文字

有没有办法排除当前的语义并覆盖或添加一个句子来支持屏幕阅读器。这是我的代码

<Card style={{ boxShadow: " 0 4px 8px 0 rgba(0,0,0,0.2)", marginTop: "10px" }} >
        <CardBody>
            <Row>
                <Col lg={5} >
                    <div style={{ width: "6.5em", height: "6.5em" }} >
                        <CircularProgressbar className={factorName} value={value} text={`${value}%`} styles={buildStyles({
                            pathColor: color,
                            textColor: color
                        })} />
                    </div>
                </Col>
                <Col lg={7}>
                    <div style={{ display: "table", height: "90px", overflow: "hidden" }} className="pl-2">
                        <div style={{ display: "table-cell", verticalAlign: "middle" }}>
                            <span id={factorName} style={{ fontWeight: "bold", fontSize: "15px" }}>some text</span>
                        </div>
                    </div>
                </Col>
            </Row>
        </CardBody>
    </Card>
4

0 回答 0