Gerekli özellikler ne zaman giriş öğeleri için aria gerekli özniteliği ile kullanılmalıdır?

Question

Form oluşturmaya çalışıyorum. Girişlerimin hem required hem de aria-required öznitelikleri mi yoksa yalnızca bir tane mi olması gerekir?

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" required> 

Ya da bunun gibi?

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" aria-required="true"> 

Ya da bunun gibi? en iyisi

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" aria-required="true" required> 

makale Accessible HTML5 Forms – Required Inputs iddialar hem uygulamaktır.

Answer 1

John Foliot bu makaleyi 2012'de yazdığında, bu çok doğruydu. İkisine de ihtiyacın vardı. Bugün artık bu durum söz konusu değildir. Ben (bugün üzgünüm, hiçbir VoiceOver) burayı in a CodePen koymak, seni örnek almak ve JAWS ve NVDA bunu kontrol edebilirsiniz:

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" required> 

Sen gerektiği gibi NVDA ve JAWS hem alan ilan olduğunu bilmek mutlu olacak.

Kısacası, artık aria-required gerekir. Sadece required kullanın. ARIA Steve Faulkner tarafından bu makalede 2015 (ARIA spec editörlerinden biri) dökümü özellikleri hakkında

Sen biraz daha okuyabilirsiniz: http://html5doctor.com/on-html-belts-and-aria-braces/

Answer 2

HTML5 ise gerekli öznitelik vardır, ancak aria-zorunlu hala HTML5'i desteklemeyen kullanıcı aracıları için yararlı olan 'dur.

Ref: Using the aria required attribute post on MDN