2017-04-03 63 views
0

Chrome Vox Shift Alt左箭頭讀取以下結構中頁面上的所有元素。現在一直關注第一個輸入,我試圖從輸入轉換爲標籤,並將焦點放在星號跨度和標籤上。它讀取下一個輸入(電子郵件輸入框)和跨度也。有沒有解決這個問題?Chrome Vox Shift Alt左箭頭讀取所有頁面上的以下元素

<span>* </span> 
<label for="name">Name:</label> 
<input type="text" id="name" name="name"> 
<br/> 
<span>* </span> 
<label for="email">Name:</label> 
<input type="text" name="email" id="email"> 
+0

這是ChromeVox在ChromeOS上還是在Windows/Mac的瀏覽器中? – aardrian

+0

這是Windows機器上的Chrome瀏覽器。我發現了另一個樣本網站,您可以在其中找到相同的問題..(這裏的結構與提及的有所不同)https://www.deque.com/padam/demo/demo-accessible-client-side-form-validation -with-HTML5的圍aria.html。啓用Chromevox並使用Vox鍵(在我的情況下爲Shift + Alt)加上從姓氏字段到名字的右箭頭,當焦點到達FirstName標籤時,它開始讀取所有元素。 – Vishwakant

+0

啊。由於我不使用ChromeVox,因此無法提供太多幫助。這不是一個真正的屏幕閱讀器,所以它並不總是像人們所期望的那樣。話雖如此,大多數屏幕瀏覽器不會讓你把焦點放在'

回答

0

你的描述很難回答。但這就是我的理解......你不希望chromevox屏幕閱讀器宣佈星號。

所以你可以做的是將這個添加到跨度。

<span aria-hidden="true">* </span> 

現在我假設你正在使用一個星號,以表示東西是必需的......所以你應該將其添加到輸入

<input type="text" name="email" id="email" required> 

你需要增加需要的輸入。

現在您還可以控制屏幕閱讀器如何使用選項卡索引讀取元素的流程。但通常人們不使用tab-index的正整數,所以它需要是tab-index =「0」

希望這有助於!

相關問題