एक्सेसिबिलिटी
SDK एक्सेसिबिलिटी के लिए HTML एट्रिब्यूट के साथ तैयार किए गए कंपोनेंट लागू करता है — aria-label, tabindex, role, और अन्य — जो तत्वों के बीच कीबोर्ड नेविगेशन सक्षम करते हैं, ऑडियो गाइडेंस सक्रिय करते हैं, और स्क्रीन रीडर सॉफ़्टवेयर द्वारा उपयोग किए जाते हैं।
Web SDK को किसी पेज में इंटीग्रेट करते समय, कैमरा खोलने और छवि कैप्चर फ्लो के दौरान दिखाई न देने वाले अन्य इंटरेक्टिव तत्व हो सकते हैं। ये तत्व कैप्चर फ्लो में जानकारी के साथ संघर्ष पैदा कर सकते हैं, उपयोगकर्ता अनुभव को बाधित कर सकते हैं। इसलिए, कैप्चर किए जाने के दौरान अन्य तत्वों के साथ इंटरेक्शन को हटाना या निष्क्रिय करना महत्वपूर्ण है।
यह कई तरीकों से किया जा सकता है, पेज पर मौजूद तत्वों और फ्रेमवर्क के आधार पर। नीचे aria-hidden एट्रिब्यूट का उपयोग करने का एक उदाहरण है:
// page html
// <div id="main-content">
// <header>...</header>
// <button id="my-button">Interactive Button</button>
// <footer>...</footer>
// </div>
const unicoSdk = new UnicoCheckBuilder().build();
unicoSdk
.prepareSelfieCamera(/* ... */)
.then((cameraOpener) => {
const pageElement = document.getElementById('main-content');
pageElement.setAttribute('aria-hidden', true);
cameraOpener.open({
on: {
success: (obj) => {
pageElement.setAttribute('aria-hidden', false);
},
error: (error) => {
pageElement.setAttribute('aria-hidden', false);
},
},
});
});
aria-hidden चेतावनीइस एट्रिब्यूट का सावधानी से उपयोग करें — यदि गलत तरीके से लागू किया जाए या कैप्चर फ्लो समाप्त होने पर नहीं हटाया जाए, तो यह पेज पर तत्वों की एक्सेसिबिलिटी को नुकसान पहुंचा सकता है।