semantic HTML आपको ऐसा क्या देता है जो ARIA attributes वाला div नहीं देता?

native elements semantics के साथ बर्ताव भी लाते हैं: button focus लायक होता है, Enter और Space पर चलता है, forms में हिस्सा लेता है और सही role तथा state मुफ्त में उजागर करता है। role button वाले div को लेबल तो मिल जाता है पर बर्ताव कुछ नहीं, तो tabindex, key handling और disabled state आपको खुद जोड़ने पड़ते हैं, और हर एक में गड़बड़ी हो सकती है। ARIA का पहला नियम यही है कि जहां HTML काम कर देता है वहां ARIA इस्तेमाल न करें।

ARIA सिर्फ यह बदलता है कि accessibility tree में क्या दिखता है। वह किसी चीज़ को focus लायक नहीं बनाता, key handling नहीं जोड़ता, और focus नहीं संभालता। तो जिस पल मैं role button वाला div लिखता हूं, मैंने tabindex zero, Enter तथा Space का handler, एक aria disabled state जिसे handler में भी लागू करना पड़ेगा, यह सब अपने सिर ले लिया, और फिर भी form submission नहीं मिलती। असली button मुझे यह सब देता है और ब्राउज़र बदलने पर भी सही बना रहता है। तो मेरा डिफ़ॉल्ट है पहले native: button, असली href वाला a, मेल खाते label वाला input, modals के लिए dialog, सादे disclosure के लिए details। ARIA की तरफ मैं तब जाता हूं जब सच में कोई native बराबरी नहीं है, जैसे tab set या combobox, और तब मैं roles गढ़ने की जगह authoring practices वाला pattern अपनाता हूं। जो bug मैं सबसे ज़्यादा देखता हूं वह table row में click होने वाला div है जिस तक keyboard यूज़र पहुंच ही नहीं सकता, और वह हर ऑटोमेटेड जांच पास कर जाता है क्योंकि markup में तकनीकी रूप से कुछ गलत है ही नहीं।