search

changbin1997 / MWordStar

响应式双栏 Typecho 博客主题
https://www.misterma.com
MIT License
201 stars 30 forks source link

阅读数量在屏幕阅读器下仅朗读为数字 #21

Open cary-rowen opened 2 years ago

cary-rowen commented 2 years ago

如题，每篇文章的阅读数量只显示为数字，我不知道视觉上是如何表示的？ 但是文章的评论可以被屏幕阅读器朗读为"XX 评论"，是不是也可以给阅读数量加上类似提示呢？

cary-rowen commented 2 years ago

我使用的屏幕阅读器是 NVDA

changbin1997 commented 2 years ago

阅读数量是可以朗读出 阅读量 三个字的，虽然阅读量我使用的是图标和数字，但是使用键盘浏览时 NVDA 是可以朗读阅读量的。目前只有手机无法朗读阅读量，只能朗读数字。你可以访问 https://changbin1997.github.io/MWordStar-Light/web/ 这个演示站试一下。

cary-rowen commented 2 years ago

好奇怪我这边的确没读出来，使用Windows10 21h2 讲述人也进行了测试，和 NVDA 的表现相同，另外我分别在 Chrome97.xx, Edge 97.xx和 FireFox 96.xx 上进行了测试。使用的都是您上面提供的测试地址。 当然我在源代码里是看到了有“阅读量”这一处文字提示的，还设置了 tabindex=0 （所以Tab 焦点停留是有效的）

changbin1997 commented 2 years ago

我测试的 NVDA 是 2021.3，Chrome 版本 97.0.4692.99，Edge 97.0.1072.62，都能正常朗读阅读量，就连 IE11 也能朗读阅读量。我当时开发主题的时候使用的更老版本的 NVDA 和浏览器也能朗读阅读量，只有讲述人无法朗读。我还使用了争渡读屏软件公益版2021进行测试，也能朗读阅读量。

cary-rowen commented 2 years ago

看来的确有点诡异，我让身边使用屏幕阅读器的小伙伴测试了，目前没有能读出“阅读量”的情况，另外 使用 aria-hidden 是什么用意呢，开始怀疑于此有关，删掉似乎也不可以。 另外，对于没有可点击作用的元素添加 tabindex="0" 似乎作用也不是很大。