與部分元素的交易
同一天發表了兩篇文章:
- 布魯斯·勞森(Bruce Lawson)在《粉碎雜誌》上
- Pine上的Adam Laki:和元素之間的差異
他們比較略有不同的內容,但它們都涉及元素。
我發現當您達到
時,我會很清楚:當您希望該元素本質上毫無意義時。您僅將其用於樣式目的。當我想到
:這一點的內容是否有意義(不一定是文章的全部內容)時,我總是想到RSS嗎?如果是,請使用 ;如果沒有,請不要。 布魯斯有一個回答:
[…]不僅將
視為報紙文章,還是博客文章,而且是服裝的文章,這是一個可以在另一種情況下重複使用的離散實體。因此,您的褲子是一篇文章,您可以穿著不同的衣服穿上它們。您的襯衫是一篇文章,可以與不同的褲子一起穿。您的膝蓋長度皮革細節靴是一篇文章。 更重要的是,它具有一些實際功能。布魯斯(Bruce)提到Apple WatchOS專門使用它來查找頁面上的內容。
但是更含糊。在某一時刻,您應該將部分視為您的
–
標題可以重置的地方,但這永遠不會實現,因為它需要一個稱為“ html5概述”的東西,零瀏覽器支持。
那麼我們應該完全使用嗎?據布魯斯說,有時! 《 Smashing Magazine for文章設計》在本文開頭進行了摘要。從視覺上講,這很清楚,但對於屏幕閱讀器用戶而言,這還不錯。該解決方案將摘要包裹在帶有ARIA標籤的元素中,以清楚地表明。但是,除非該元素也有角色,否則您不應該使用Aria-label。您可以將角色應用於
,但是已經具有良好的默認角色,因此:摘要文字
登入後複製亞當的文章(對不起,亞當)對這些要點很含糊。
主要區別來自語義。如果您在網站或應用程序中有其邏輯的一部分,則需要使用標籤來聲明它…
…在邏輯上使用在邏輯上正確地將您的網站的一部分或應用程序讀取為輔助技術。如果您牢記屏幕閱讀器,這是一種很好的方法。
因此,您可以自動獲得一個prome =“區域”,但我不確定這對屏幕讀取器有任何作用,沒有標籤。在快速測試中(啟用了配音的Chrome desktop),A 沒有Aria-Label的A 在Web轉子的地標部分中不存在,但是一旦帶有ARIA標籤,它就會出現。
要點是:不要僅使用,並假設您在為可訪問性做好事。它的目的非常有限,僅對建立地標有用。即使那樣,您也不會有太大幫助。萊昂妮·沃森(Leonie Watson)在評論中:
當選擇在視覺隱藏的標題和帶有可訪問名稱的截面元素之間,在確定哪種方法是正確的方法之前,有幾件事要考慮。
當截面元素具有可訪問的名稱時,它將成為可導航的地標元素,因此屏幕讀取器用戶可以使用其屏幕讀取器的快捷鍵從一個鍵到另一個鍵,就像他們可以使用標題一樣。
但是,根據最近的WebAim屏幕讀取器用戶調查,有68%的屏幕閱讀器用戶更喜歡通過標題導航,而2.9%的人更喜歡地標。
因此,從嚴格的可訪問性角度來看,您可能會刪除標題,但是從可用性的角度來看,您確實想保持標題 - 至少直到更多的屏幕閱讀器用戶表示偏愛使用地標在瀏覽內容上。
以上是與部分元素的交易的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

在本週的平台新聞綜述中,Chrome引入了一個用於加載的新屬性,Web開發人員的可訪問性規範以及BBC Move

有很多分析平台可幫助您跟踪網站上的訪問者和使用數據。也許最著名的是Google Analytics(廣泛使用)
