aria-valuenow="20" aria-valuemin="0"...-慕课网

                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" 是起什么作用的？

Frank337903

2014-10-31

源自：玩转Bootstrap（基础） 7-13

关注问题我要回答

6451

操作

收起

4 回答

hey自然
2015-12-16

主要是出于盲人使用屏幕阅读器阅读，外国较普及，及对人权的重视。

再者，在小进度条下，aria-valuenow 等于1，2 的时候，通过这个属性可以相应设置样式，默认撑开30px宽度

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
min-width: 30px;
color: #777;
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}

2 回复有任何疑惑可以回复我~

宇宙无敌626
2015-02-26

比如盲人靠一些辅助设备读取网页上的信息，进度条是图，读取时就把这些进度条就被转换成语言了，最大多少，最小多少，现在是多少，就是这样。

2 回复有任何疑惑可以回复我~

妈咪妈咪哄
2014-11-25

考虑到残障人士，是为了辅助设备用的

0 回复有任何疑惑可以回复我~

purple_yao
2014-10-31

aria-valuenow="20"：当前进度为20%

aria-valuemin="0"：进度条最小值0%

aria-valuemax="100"：进度条最大值100%

2 回复有任何疑惑可以回复我~

#1

写不写有什么用吗？

2014-11-24 回复有任何疑惑可以回复我~

#2

Frank337903 提问者

没写也没发现什么区别啊？是在哪里体现出不同的？

2014-11-28 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314543 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

3 回答

1 回答

6 回答

2 回答

1 回答

搜索更多本课相关问答

我要回答关注问题

意见反馈帮助中心 APP下载