屏幕閱讀器不讀子彈和CSS有序列表

我已經從Word文檔轉換工作輔助工具HTML和我有我使用的屏幕閱讀器的幾個問題（爪16）。我用CSS設置的有序列表顯示爲「第1步」，「第2步」。然而，屏幕閱讀器不能識別這一點，也不會讀取列表中的「步驟1」部分。屏幕閱讀器不讀子彈和CSS有序列表

有沒有辦法做到這一點還是我在尋找的東西多一點手動，讓屏幕閱讀器叫喚什麼需要正確？

ol{list-style-type: none; counter-reset: elementcounter; padding-left: 0;} 
li:before{content: "Step " counter(elementcounter) ". "; counter-increment:elementcounter; font-weight: bold;6px}

<ol> 
<li>Open fridge</li> 
<li>locate beer</li> 
</ol>

來源

2017-01-30 Jon M

謝謝你的編輯建議UNOR，我仍然gettign用來製作後更可搜索小號o它可以幫助別人。 –

我都嘗試JAWS 18（最新版本）和JAWS 16在Firefox和Chrome兩種工作，但無論是在Internet Explorer中。

（注：你原來的例子有「6個像素」只是浮在你的樣式表我猜這是一個font-size屬性，但我剛剛離開它在我的例子。）

<style> 
    ol 
     { 
     list-style-type: none; 
     counter-reset: elementcounter; 
     padding-left: 0; 
     } 
    li:before 
     { 
     content: "Step " counter(elementcounter) ". "; 
     counter-increment:elementcounter; 
     font-weight: bold; 
     } 
</style> 

<button>foo</button> 
<ol> 
    <li>Open fridge</li> 
    <li>locate beverage</li> 
</ol> 
<button>bar</button>

我把按鈕之前和之後的列表，所以我不得不製表位爲我的測試。由於您的列表不是可放大的，因此我只是首先選中了FOO按鈕，然後使用虛擬PC光標向下箭頭查看下一個元素。這是我在FF和Chrome與JAWS聽到：

「富按鈕」
「步驟1：打開冰箱」
「第2步：找到飲料「的2項清單」「
‘列表結束’
‘欄按鈕’

來源

2017-01-30 14:56:25 slugolicious

它多一點不同的就是我正在尋找，不得不做出與管理層的妥協，讓他們從列表項下探「步」走這麼大白鯊實際上將讀取列表編號。在數字前添加「Step」的CSS格式使得屏幕閱讀器可以以不同的方式查看它。 –

屏幕閱讀器不讀子彈和CSS有序列表

回答

相關問題