2017-08-10 20 views
0

我正在鑽研Web可訪問性的混亂世界,並試圖改進我的HTML代碼,以便更好地訪問諸如詠歎調標籤等內容。Web可訪問性 - 我的標題是否應該是可標記的?

試圖通過我的網頁應用程序標題標籤,我無法選擇頁面標題...我應該能夠,還是我不擔心什麼?

漢堡菜單和搜索欄圖標可以選項卡。我只是想知道文本是否應該是?因爲它也沒有被讀出。

FYI:我使用的是ChromeVox屏幕閱讀器

enter image description here

<app-header class="topHeader" fixed shadow slot="header"> <!-- effects="waterfall" not needed as nothing scrolls behind header bar --> 
    <app-toolbar> 
     <paper-icon-button id="toggleDrawer" icon="menu" on-click="toggleMenu" title="Expand menu" aria-title="Expand menu"></paper-icon-button> 
     <div main-title>App Header Goes Here</div> 
     <search-bar></search-bar> <!-- This is an external element being called in --> 
    </app-toolbar> 
</app-header> 
+0

我將它改爲

應用程序標題

但仍然沒有。我試圖用tab-index強制它,沒有任何東西。我會採取下面的@Quentin的建議,現在不做任何事情。 – physicsboy

回答

2

是否就可以點擊什麼(瀏覽到另一個頁面,打開使用一組新的選項DOM操作等),這不是由其他控件重複的行爲?

如果是這樣,那麼應該可以選中它。

如果不是,那不是必需的。

(如果它什麼都不做,那麼讓它集中起來反作用)。

+0

感謝信息Quentin。標題完全沒有做任何事情,它只是應用程序標題,正如您可以從代碼中看到的那樣。我只是認爲它可能需要像在網頁上的普通文本一樣閱讀。 – physicsboy

+1

您不需要重點閱讀常規文本。你需要關注它與它進行交互(例如,與鏈接交互會帶你進入一個新頁面)。 – Quentin

+0

我明白你的意思。我想我錯誤地回答了我的回答(這是漫長的一天,試圖閱讀w3.org哈哈)。 – physicsboy

相關問題