2015-06-29 99 views
137

Açısal Malzeme ile çalışırken aria özniteliğini görüyorum. Birisi bana açıklayabilir mi, aria öneki ne anlama geliyor? ama en önemlisi anlamaya çalıştığım şey, aria-hidden ve hidden öznitelikleri arasındaki farktır.HTML 'hidden' ve 'aria-hidden' öznitelikleri arasındaki fark nedir?

+1

Burada bazı açıklamalar bulundu: http://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ – Abdul

cevap

209

ARIA (Erişilebilir Zengin İnternet Uygulamaları) insanlara Web içerik ve Web uygulamaları daha erişilebilir kılmak için bir yol tanımlar: ARIA Erişilebilir Zengin İnternet Uygulamaları

Kaynaklar açılımı engelli.

hidden nitelik HTML5'te yeni ve öğeyi görüntüleyecek değil tarayıcıları söyler. aria-hidden özelliği, öğeyi yoksaymaları durumunda ekran okuyucularına bildirir. Daha fazla detay için w3 docs göz at:

https://www.w3.org/WAI/PF/aria/states_and_properties#aria-hidden

daha engelli insanlar web kullanımı için yapabilirsiniz bu standartları kullanma.

+0

Gizli özniteliği kullanırsanız, ekran okuyucu hala okuyacaktır? –

+26

Doğru. "Gizli" herkese gizlenmiş demektir. "aria-hidden", okuyucuları ve benzer araçları taramak için gizli anlamına gelir. Bu, yalnızca biçimlendirme için kullanılan ve gerçek içerik içermeyen bileşenler için kullanışlıdır. –

+0

'aria-hidden' Öğenin ve tüm torunlarının herhangi bir kullanıcıya veya okuyucunun görünür ya da algılanamadığını gösterir –

16

Gizli özellik, bir boole özniteliğidir (Doğru/Yanlış). Bu özellik bir öğe üzerinde kullanıldığında, o öğe ile olan tüm ilgileri kaldırır. Bir kullanıcı html sayfasını görüntülediğinde, gizli özniteliği olan öğeler görünmemelidir.

Örnek:

<p hidden>You can't see this</p> 

Aria-gizli özellikler elemanı ve onun soyundan TÜM tarayıcıda hala görülebilir olduğunu göstermektedir, ancak ekran okuyucular gibi erişilebilirlik araçları, görünmez olacaktır.

Örnek:

<p aria-hidden="true">You can't see this</p> 

this bir göz atın. Bütün sorularınızı cevaplamalıdır.

Not:Paciello Group

+14

Bu tamamen doğru değil (resmi belgeler bile Burada biraz tehlikelidir). Aria-hidden = "true" 'ile bir öğe hala tarayıcıda görünür, ancak ekran okuyucular gibi erişilebilirlik araçlarına görünmez. –

+0

'aria-hidden', web sitenizi, erişilebilirlik araçlarını kullanarak kullanan kişilerden gizlemek için kullanılır. – LukeXF

İlgili konular