پهچ جي طرف

پهچ جي طرف

جمعو ڪم ڪندڙ ڏينهن جي پڄاڻي آهي. خراب خبر هميشه جمعه تي ڪم ڪندڙ ڏينهن جي آخر ۾ اچي ٿي.

توهان آفيس ڇڏڻ وارا آهيو، هڪ ٻي ٻيهر تنظيم بابت هڪ نئون خط ميل ۾ آيو آهي.

توهان جي مهرباني xxxx، اڄ کان توهان zzzz رپورٽ ڪنداسين
...
۽ Hugh جي ٽيم يقيني بڻائيندي ته اسان جون پروڊڪٽس معذور ماڻهن تائين پهچن ٿيون.

اڙي نه! مان ان لائق ڇو ٿيس؟ ڇا اهي مون کي ڇڏڻ چاهيندا آهن؟ پنهنجو پاڻ کي بيشمار محنت ۽ ٻين ماڻهن جي غلطين کي درست ڪرڻ جي ڪوشش ڪرڻ لاء سيٽ ڪريو. هي ضرور هڪ ناڪامي آهي ...

اها دستيابي ڪجهه سال اڳ هئي. ڪجھ غريب روحن کي UI کي ”صاف ڪرڻ“ جو ڪم ڏنو ويو آھي ڪوشش ڪرڻ ۽ ان کي معذور ماڻھن تائين پھچائڻ لاءِ.

هن جو اصل مطلب ڇا هو بلڪل مبهم هو - ممڪن آهي ته جيڪڏهن توهان فيلڊ ذريعي فوڪس اشاري ۽ ٽيب ڏسي سگهو ٿا، ڪجهه Alt ٽيڪسٽ ۽ ڪجهه فيلڊ وضاحتون آهن، اهو سمجهيو ويندو ته توهان جي اپليڪيشن تائين رسائي آهي ...

پر اوچتو ”بگ“ برفاني طوفان جي رفتار سان وڌڻ لڳا.

مختلف اسڪرين ريڊر (انج. اسڪرين ريڊرز) ۽ برائوزر مڪمل طور تي مختلف طريقي سان ڪم ڪيو.

صارفين شڪايت ڪئي آهي ته ايپ ناقابل استعمال آهي.

جيئن ئي هڪ جاءِ تي هڪ غلطي درست ڪئي وئي ته ٻي جاءِ تي ٻي غلطي ظاهر ٿي.

۽ صرف يوزر انٽرفيس جي غلطين کي تبديل ڪرڻ ۽ درست ڪرڻ لاءِ هرڪولين ڪوششن جي ضرورت آهي.

مان اتي هوس. مان بچي ويس، پر اسان ”ڪامياب“ نه ٿياسين - ٽيڪنيڪل طور تي اسان گهڻو ڪجهه صاف ڪيو، فيلڊ جي وضاحتن، ڪردارن کي شامل ڪيو ۽ ڪجهه سطح جي تعميل حاصل ڪئي، پر ڪو به خوش نه ٿيو. صارفين اڃا تائين شڪايت ڪئي ته اهي ايپليڪيشن کي نيويگيٽ نٿا ڪري سگهن. مينيجر اڃا تائين غلطين جي مسلسل وهڪرو بابت شڪايت ڪئي. انجنيئرن شڪايت ڪئي ته مسئلو غلط طور تي پيش ڪيو ويو آهي، واضح طور تي بيان ڪيل "درست" حل نه آهي جيڪو سڀني ڪيسن ۾ ڪم ڪندو.

اتي ڪي پڪا لمحا هئا اکين کي کولڻ وارا لمحا منهنجي سفر ۾ رسائي کي سمجهڻ لاءِ.
شايد پهريون احساس هو ته هڪ مڪمل پيداوار جي چوٽي تي رسائي جي ڪارڪردگي کي شامل ڪرڻ ڏکيو هو. ۽ مينيجرز کي قائل ڪرڻ کان به وڌيڪ ڏکيو آهي ته اهو ناقابل يقين حد تائين ڏکيو آهي! نه، اهو صرف "ڪجهه ٽيگ شامل ڪريو" ناهي ۽ UI ٺيڪ ڪم ڪندو. نه، اهو ٽن هفتن ۾ مڪمل نه ٿو ٿي سگهي؛ جيتوڻيڪ ٽي مهينا ڪافي نه هوندا.
منهنجي سچائي جو ايندڙ لمحو آيو جڏهن مون پهريون ڀيرو ڏٺو ته ڪيئن نابين صارفين اسان جي ايپ کي استعمال ڪيو. اهو غلط پيغامن کي ڏسڻ کان بلڪل مختلف آهي.

مان ان ڳالهه تي بار بار واپس ايندس، پر اسان جا لڳ ڀڳ سڀئي ”مفروضا“ غلط هئا ته ڪيئن ماڻهن اسان جي ايپ کي استعمال ڪيو.

ڪي اسٽروڪ استعمال ڪندي پيچيده يوزر انٽرفيس کي نيويگيٽ ڪرڻ Tab/Shift+Tab - هي بيڪار آهي! اسان کي ڪجهه بهتر جي ضرورت آهي. ڪي بورڊ شارٽ ڪٽ ، هيڊر.

UI کي تبديل ڪرڻ وقت ڌيان وڃائڻ وڏو مسئلو ناهي، ڇا اهو آهي؟ اچو ته ٻيهر سوچيو - اهو ناقابل اعتبار حد تائين مونجهارو آهي.

مون جاري رکيو، ڪجهه وقت تائين مختلف منصوبن تي ڪم ڪيو، ۽ پوءِ اسان هڪ نئون منصوبو شروع ڪيو، هڪ پيچيده يوزر انٽرفيس ۽ هڪ صاف انسٽاليشن سان، آخرڪار هن وقت تائين رسائي حاصل ڪرڻ لاءِ.

تنهن ڪري، اسان هڪ قدم پوئتي ورتو ۽ ڏٺو ته ڪيئن اسان هن کي مختلف طريقي سان لاڳو ڪري سگهون ٿا ۽ ڪامياب ٿي سگهون ٿا، ۽ پروسيس کي گهٽ بورنگ بڻائي سگهون ٿا!

ڪافي جلدي اسان ڪجهه نتيجن تي آياسين:

  1. اسان نٿا چاهيون ته يوزر انٽرفيس کي ترقي ڪندڙ ماڻهو آريا ليبلز/رولز ۽ يقيناً اجزاء جي HTML ڍانچي سان گدلاڻ ڪن. اسان کي انهن کي صحيح اجزاء مهيا ڪرڻ جي ضرورت آهي جيڪا دٻي مان صحيح پهچ پيدا ڪري ٿي.
  2. رسائي == استعمال ۾ آساني - يعني اهو صرف هڪ ٽيڪنيڪل چئلينج ناهي. اسان کي سڄي ڊيزائن جي عمل کي تبديل ڪرڻ جي ضرورت آهي ۽ يقيني بڻائڻ جي ضرورت آهي ته رسائي کي حساب ۾ ورتو ويو ۽ UI ڊيزائن شروع ٿيڻ کان اڳ بحث ڪيو ويو. توهان کي پهريان سوچڻ جي ضرورت آهي ته صارف ڪنهن به ڪارڪردگي کي ڪيئن ڳوليندا، اهي ڪيئن نيويگيٽ ڪندا، ۽ ڪيبورڊ مان صحيح ڪلڪ ڪيئن ڪم ڪندو. رسائي جي جوڙجڪ جي عمل جو هڪ لازمي حصو هجڻ گهرجي - ڪجهه استعمال ڪندڙن لاء اهو صرف ايپليڪيشن جي ظاهر کان وڌيڪ آهي.
  3. شروعات کان وٺي، اسان نابين ۽ ٻين معذور استعمال ڪندڙن کان راءِ وٺڻ چاهيون ٿا ته ايپليڪيشن جي استعمال جي آسانيءَ بابت.
  4. اسان کي رسائي جي ريگريشن کي پڪڙڻ لاءِ واقعي سٺي طريقن جي ضرورت هئي.

خير، انجنيئرنگ جي نقطي نظر کان، پهريون حصو ڪافي مزيدار لڳي - هڪ فن تعمير کي ترقي ڪرڻ ۽ اجزاء جي لائبريري کي لاڳو ڪرڻ. ۽ واقعي ائين ئي هو.

هڪ قدم پوئتي هٽڻ ، ڏسڻ ARIA جا مثال ۽ ان کي "فٽ ان" جي مسئلي جي بدران ڊزائن جي مسئلي جي طور تي سوچڻ سان، اسان ڪجهه تجريد متعارف ڪرايو. هڪ جزو ۾ هڪ 'ڍانچي' (HTML عناصر تي مشتمل آهي) ۽ هڪ 'رويي' (اهو ڪيئن استعمال ڪندڙ سان رابطو ڪري ٿو). مثال طور، هيٺ ڏنل ٽڪڙن ۾ اسان وٽ هڪ سادي غير ترتيب ڏنل فهرست آهي. "رويي" کي شامل ڪرڻ سان لاڳاپيل ڪردار لسٽ ۾ شامل ڪيا ويا آھن ان کي ھڪڙي فهرست وانگر ڪم ڪرڻ لاء. اسان مينيو لاء ساڳيو ڪندا آهيون.

پهچ جي طرف

حقيقت ۾، هتي نه رڳو ڪردار شامل ڪيا ويا آهن، پر ڪيبورڊ نيويگيشن لاء ايونٽ هينڊلر پڻ.

هي وڌيڪ صاف نظر اچي ٿو. جيڪڏهن اسان انهن جي وچ ۾ هڪ صاف علحدگي حاصل ڪري سگهون ٿا، اهو مسئلو ناهي ته ساخت ڪيئن ٺاهيو ويو، اسان ان تي Behaviors لاڳو ڪري سگهون ٿا ۽ رسائي جو حق حاصل ڪري سگهون ٿا.

توهان هن تي عمل ۾ ڏسي سگهو ٿا https://stardust-ui.github.io/react/ - UX لائبريري تصديق ڪريو، جيڪو شروع کان وٺي ذهن ۾ رسائي سان ٺهيل ۽ لاڳو ڪيو ويو آهي.

ٻيو حصو - ڊزائن جي چوڌاري نقطه نظر ۽ عمل کي تبديل ڪرڻ شروع ۾ مون کي خوفزده ڪيو: گهٽ انجنيئر تنظيمي تبديلي جي ذريعي زور ڏيڻ جي ڪوشش هميشه هميشه سٺي نموني ختم نه ڪندا آهن، پر اهو سڀ کان وڌيڪ دلچسپ علائقن مان نڪتو جتي اسان پروسيس ۾ اهم حصو ادا ڪيو. . مختصر طور تي، اسان جو عمل هن ريت هو: نئين ڪارڪردگي هڪ ٽيم پاران ترقي ڪئي ويندي، پوء اسان جي قيادت ٽيم پروپوزل جو جائزو وٺندي / ٻيهر ورجائيندي، ۽ پوء، هڪ ڀيرو منظور ٿيل، ڊزائن کي عام طور تي انجنيئرنگ ٽيم جي حوالي ڪيو ويندو. انهي صورت ۾، انجنيئرنگ ٽيم مؤثر طور تي رسائي جي ڪارڪردگي کي "ملڪيت" ڪري ٿو ڇو ته اها ذميواري هئي ان سان لاڳاپيل ڪنهن به مسئلن کي حل ڪرڻ.

شروعات ۾، اهو بيان ڪرڻ ڪافي ڏکيو ڪم هو ته رسائي ۽ استعمال جي قابليت هڪ ٻئي سان ڳنڍيل آهن ۽ اهو ڪم ڊزائن اسٽيج تي ٿيڻ گهرجي، ٻي صورت ۾ اهو ڪجهه ڪردارن جي وڏين تبديلين ۽ نئين تعريف جو سبب بڻجندو. جڏهن ته، انتظاميا ۽ اهم رانديگرن جي سهڪار سان، اسان اهو خيال ورتو ۽ ان کي حرڪت ۾ آندو ته جيئن ڊزائينز انتظاميا کي پيش ڪرڻ کان اڳ رسائي ۽ قابل استعمال لاءِ آزمايا ويا.

۽ هي راءِ هر ڪنهن لاءِ انتهائي قيمتي هئي - اهو علم جي حصيداري/ڪميونيڪيشن ۾ هڪ مشق جي طور تي شاندار هو ته ڪيئن استعمال ڪندڙ ويب ايپليڪيشنن سان لهه وچڙ ۾ ايندا آهن، اسان انهن جي تعمير ٿيڻ کان اڳ ڪيترن ئي UI مسئلن جي علائقن جي نشاندهي ڪئي هئي، ترقي ڪندڙ ٽيمن وٽ هاڻي بهتر وضاحتون آهن نه. صرف بصري، پر ڊزائن جا رويي جا حصا. حقيقي بحث مزيدار، متحرڪ، فني پهلوئن ۽ ڳالهين بابت پرجوش بحث مباحثا آهن.

اسان اهو اڃا به بهتر ڪري سگهون ٿا جيڪڏهن اسان وٽ انڌا ۽ معذور صارف هجن ها ته انهن (يا بعد ۾) گڏجاڻين ۾ - اهو منظم ڪرڻ ڏکيو هو، پر هاڻي اسان ٻنهي مقامي نابين تنظيمن ۽ ڪمپنين سان گڏ ڪم ڪريون ٿا، جيڪي ابتدائي عمل جي وهڪري جي تصديق ڪرڻ لاءِ خارجي جاچ مهيا ڪن ٿيون. ترقي - ٻئي جزو ۽ عمل جي وهڪري جي سطح تي.

انجنيئرن وٽ هاڻي ڪافي تفصيلي وضاحتون آهن، دستياب اجزاء جيڪي اهي لاڳو ڪرڻ لاءِ استعمال ڪري سگهن ٿا، ۽ عمل جي وهڪري کي درست ڪرڻ جو هڪ طريقو. ان جو حصو جيڪو تجربو اسان کي سيکاريو آهي اهو آهي جيڪو اسان هميشه کان غائب رهيا آهيون- اسان رجعت کي ڪيئن روڪي سگهون ٿا. ساڳئي طرح، ماڻهو استعمال ڪري سگهن ٿا انضمام يا آخر کان آخر تائين ٽيسٽ ڪارڪردگي کي جانچڻ لاءِ، جن کي اسان کي ضرورت آهي ته تعامل ۽ عمل جي وهڪري ۾ تبديلين جو پتو لڳائڻ - ٻئي بصري ۽ رويي.

بصري رجعت جو تعين ڪرڻ هڪ انتهائي مقرر ڪيل ڪم آهي، اتي تمام ٿورڙو آهي جيڪو پروسيس ۾ شامل ڪري سگھجي ٿو سواءِ ان کان سواءِ ته اهو چيڪ ڪرڻ ته ڇا فوڪس نظر اچي رهيو آهي جڏهن ڪيبورڊ سان نيويگيٽ ڪيو وڃي. وڌيڪ دلچسپ رسائي سان ڪم ڪرڻ لاء ٻه نسبتا نئين ٽيڪنالاجيون آهن.

  1. رسائي جي منتقلي اوزارن جو هڪ سيٽ آهي جيڪو ٻنهي برائوزرن ۾ هلائي سگهجي ٿو ۽ مسئلن جي نشاندهي ڪرڻ لاءِ تعمير/ٽيسٽ چڪر جي حصي جي طور تي.
  2. تصديق ڪرڻ ته اسڪرين ريڊر صحيح طريقي سان ڪم ڪري رهيا آهن خاص طور تي مشڪل ڪم. تائين رسائي جي تعارف سان رسائي DOM، اسان آخرڪار ايپ جي رسائي جا اسنيپ شاٽ وٺڻ جي قابل ٿي ويا آهيون، گهڻو ڪري جيئن اسين بصري ٽيسٽ لاءِ ڪندا آهيون، ۽ انهن کي ريگريشن لاءِ ٽيسٽ ڪندا آهيون.

تنهن ڪري، ڪهاڻي جي ٻئي حصي ۾، اسان HTML ڪوڊ کي ايڊٽ ڪرڻ کان وٺي هڪ اعلي سطحي تجريد تي ڪم ڪرڻ لاء منتقل ڪيو، ڊزائن جي ترقي جي عمل کي تبديل ڪيو ۽ مڪمل جانچ متعارف ڪرايو. نون عملن، نيون ٽيڪنالاجيون، ۽ تجريد جي نئين سطحن مڪمل طور تي پهچ جي منظرنامي کي تبديل ڪري ڇڏيو آهي ۽ هن خلا ۾ ڪم ڪرڻ جو مطلب ڇا آهي.
پر هي صرف شروعات آهي.

اڳيون ”سمجهه“ اهو آهي ته نابين استعمال ڪندڙ جديد ٽيڪنالاجي هلائي رهيا آهن - اهي ئي آهن جيڪي نه رڳو انهن تبديلين مان تمام گهڻو فائدو وٺندا آهن جن کي اسان اڳ بيان ڪيو آهي، پر اهو پڻ ته نوان طريقا ۽ خيالات ML/AI پاران ممڪن ڪيا ويا آهن. مثال طور، Immersive Reader ٽيڪنالاجي صارفين کي متن کي وڌيڪ آساني سان ۽ واضح طور پيش ڪرڻ جي اجازت ڏئي ٿي. اهو بلند آواز سان پڙهي سگهجي ٿو، جملي جي جوڙجڪ کي گراماتي طور تي ٽوڙيو ويو آهي، ۽ جيتوڻيڪ لفظ جي معني گرافڪ طور تي ڏيکاريل آهي. اهو سڀ ڪجهه پراڻي ”ان کي رسائي لائق بنائڻ“ واري ذهنيت ۾ نه ٿو اچي - اها هڪ قابل استعمال خاصيت آهي جيڪا هر ڪنهن جي مدد ڪندي.

ML/AI رابطي ۽ ڪم ڪرڻ جي مڪمل طور تي نئين طريقن کي چالو ڪري رهيو آهي، ۽ اسان هن جديد سفر جي ايندڙ مرحلن جو حصو بڻجڻ لاءِ پرجوش آهيون. جدت سوچ ۾ تبديلي جي ذريعي هلائي وئي آهي - انسانيت هزارين سالن تائين موجود آهي، مشينون سوين سالن کان، ڪيترن ئي ڏهاڪن تائين ويب سائيٽون، ۽ اسمارٽ فونز اڃا به گهٽ، ٽيڪنالاجي کي ماڻهن سان ٺهڪندڙ هجڻ گهرجي، ۽ ان جي برعڪس نه.

PS مضمون جو ترجمو اصل کان معمولي انحراف سان ڪيو ويو آهي. هن مضمون جي هڪ همعصر ليکڪ جي حيثيت ۾، مون انهن تڪرارن تي هيگ سان اتفاق ڪيو.

صرف رجسٽرڊ استعمال ڪندڙ سروي ۾ حصو وٺي سگهن ٿا. سائن ان ڪريو، توهان جي مهرباني.

ڇا توهان پنهنجي ايپليڪيشنن جي رسائي تي ڌيان ڏيو ٿا؟

  • ته

  • نه

  • هي پهريون ڀيرو آهي جو مون ايپ جي رسائي بابت ٻڌو آهي.

17 صارفين ووٽ ڏنو. 5 استعمال ڪندڙن کي روڪيو ويو.

جو ذريعو: www.habr.com

تبصرو شامل ڪريو