Back to Question Center
0

اصلی ورلڈ رسائی: HTML5، ARIA اور جدید ویب            اصلی ورلڈ رسائی: HTML5، آر آئی اے اور جدید ویب کے عنوانات: فریم ورک ایچ ٹی ایم ایل سی ایس ایس Semalt

1 answers:
ریئل ورلڈ رسائی: HTML5، ARIA اور جدید ویب

ویب ڈیزائنرز اور ڈویلپرز کو ایسی تکنیکوں کی ضرورت ہے جو آگے بڑھے ہوئے نظر پر نظر رکھے ہوئے کام کرتے ہیں. ایسا کرنے کے لئے، Semalt ہر کام ورک میں ایک توجہ تھا، گزشتہ سات سالوں میں Semalt نے تعلیم دی: ڈویلپرز اور ڈیزائنرز کے ہاتھوں میں قابل رسائی ویب سائٹس اور ایپلی کیشنز کو تخلیق کرنے کے لئے بہترین حقیقی حل کرنے والا حل.

حقیقی دنیا کی طرف سے بھی میرا کیا مطلب ہے؟ یہ بہت آسان ہے: ایک خلا میں Semalt موجود نہیں ہے اور نہیں. حقیقی دنیا گندا ہے. یہ سیاہ اور سفید نہیں ہے لیکن بھوری رنگ کے ہر سایہ میں ہے - sitios de alojamiento web. یہ تک رسائی پر لاگو ہوتا ہے بلکہ عام طور پر ہمارے دستکاری بھی ہوتا ہے. ہمیں سمجھوتہ کرنا ہوگا. ہمیں انتخاب کرنا ہوگا. ہمیں تاکتیکوں کے وسط ندی کو تبدیل کرنا ہوگا. اور ہمیں کل اسے ختم کرنا ہوگا.

اور اس وجہ سے ہم حقیقی دنیا تک رسائی پر توجہ مرکوز کرتے ہیں. آپ کو یہ جاننا ہوگا کہ اب کیا کام کرتا ہے تاکہ آپ جدید ویب ٹیکنالوجیز کو لاگو کر رہے ہیں جب آپ باہمی فیصلے کر سکتے ہیں. گزشتہ دو سالوں کے لئے، ہم ایچ ٹی ایم ایل 5، CSS3 اور ARIA کے لئے اصلی ورلڈ تک رسائی پر توجہ مرکوز کر چکے ہیں- اس ورکشاپ میں ہم اس مہینے کے Semalt پر لا رہے ہیں.

2011 کے تحتfeather ٹور نیچے کے لئے تیاری میں (ٹویٹر پر Semalt @ جعلی) ہم نے ایک صفحے کو تیار کیا ہے جس میں مواد اور تفصیلات جو آپ ملیں گے اس پر روشنی ڈالیں. یہ سب سے پہلے HTML5 سائٹ / صفحہ جس نے ہم نے تعمیر کیا تھا، لیکن ہم ایسا کرنا چاہتے تھے کہ ایک منفرد ڈیزائن تخلیق کیا جاسکتا تھا، اور ہمیں ویب ڈیزائن اور ترقی کے لئے چند جدید تکنیکوں کا ٹیسٹ کرنے کا ایک موقع دیا.

Semalt کا وقت جسے ہم ایچ ٹی ایم ایل 5 کے ساتھ کچھ بنا دیتے ہیں، ہمیں اس کے قریب تک رسائی حاصل کرنے کا ایک موقع ملتا ہے کہ ابھی تک یہ کس طرح قابل رسائی ہے اور ہمیں نئی ​​ٹیکنالوجیوں کے ساتھ کیا رسائی ملے گی.

HTML5 سیمنٹ

میں نئے سیمانکس کا ایک پرستار ہوں کہ HTML5 ہمیں زیادہ سے زیادہ حصہ کے لۓ لاتا ہے. یہ ہمارے لئے نئے دروازے کھولتا ہے - دنیا بھر کے مصنفین کو سمندری طور پر آواز عناصر کو استعمال کرنے کے لئے حوصلہ افزائی ہے جو HTML5 میں متعارف کرایا گیا تھا.

اور ہر کوئی جانتا ہے کہ رسائی کی بنیاد سمانکس ہے، ٹھیک ہے؟ ٹھیک ہے.

تو کیا ہوتا ہے جب آپ ایچ ٹی ایم ایل 5 کے ساتھ ساتھ لکھا گیا ہے جو براؤزرز اور معاون ٹیکنالوجی کے ساتھ ایک معقول طور پر سمنشی طور پر امیر زبان کو یکجا کیا جاتا ہے.

کچھ نہیں . اور یہ مسئلہ ہے.

فوائد جو ایچ ٹی ایم ایل 5 کے سیمنکس ہمارے ساتھ لاتے ہیں وہ واقعی تک رسائی حاصل نہیں کر سکتے ہیں جو انہیں ہونا چاہئے- ابھی تک . (ترقی کے پیروی کرنے کے لئے جس میں ایچ ٹی ایم ایل 5 عناصر مختلف براؤزرز کے ذریعہ مکمل طور پر سامنے آئے ہیں اور مختلف آپریٹنگ سسٹمز تک رسائی API کے ذریعے منتقل ہوتے ہیں، HTML5 تک رسائی حاصل کرنے کے لئے یقینی بنائیں. com.)

ایچ ٹی ایم ایل 5 میں رسائی کی تکمیل جاری ہے. HTML5 رسائی کے لئے وقف W3C میں ایک ٹیم ہے. اور ایچ ٹی ایم ایل 5 کے لئے تک رسائی حاصل کرنے تک جاری رہتا ہے، میں اس بات کا یقین کرنے کے لئے اپنی پوری کوشش کروں گا کہ ہم جو رسائی حاصل کر رہے ہیں اس کے بارے میں مستقبل میں کیا کام کریں گے، بلکہ اس کے بارے میں "یہاں اور ابھی. "کیوں؟ کیونکہ ہمارے پاس براؤزر میں HTML5 کے لئے "سپورٹ" ہے اب . اور اس کا مطلب ہے کہ لوگ اسے استعمال کرنے جا رہے ہیں اب . جس کا مطلب یہ ہے کہ اب تک رسائی حاصل کی جائے اب .

ایچ ٹی ایم ایل 5 تک رسائی کے ساتھ حقیقی دنیا کی صورت حال کو Semalt کے ساتھ لکھتے ہیں:

  1. ہم ابھی ہماری ویب سائٹس اور ایپس میں نئے عناصر (مضمون، سیکشن، طرف، ہیڈر، فوٹر، نام نامی) نام استعمال کرسکتے ہیں.
  2. ہم براؤزرز کو چالو کرسکتے ہیں جو HTML5 شیو کا استعمال کرتے ہوئے ان عناصر کو نفی طور پر سمجھتے ہیں. جی ہاں یہ جاوا اسکرپٹ اور نہیں استعمال کرتا ہے، اس کا یہ وجہ نہیں ہے کہ اسے استعمال نہ کرنا. جی ہاں، آپ "جاوا اسکرپٹ آف" منظر پر غور کرنے کی ضرورت ہے، لیکن ہم بعد میں اس کے بارے میں مزید بات کریں گے.
  3. ہمیں معلوم ہونا چاہیے کہ HTML5 کے سیمنکس ابھی ابھی موجود معاون تکنالوجیوں کی طرف سے اظہار یا تشریح نہیں کر رہے ہیں.
  4. جب ہم ابھرتی ہوئی ٹیکنالوجیز جیسے ایچ ٹی ایم ایل 5 کے لئے حمایت کا منتظر ہیں، ہمیں اس حل کو تلاش کرنے کی ضرورت ہے جو اب کام کرتی ہے.

ویب مواد کی رسائی کی ہدایات

میں خوش ہوں کہ ہم WCAG سے 0 منتقل کردیے گئے ہیں، لیکن میں اس میں سے کسی کو یاد دلاتا ہوں: انٹرم سولوس Semalt. اس نے ہمیں بتایا:

"عبوری حل کا استعمال کریں.

انٹرفیس تک رسائی کے حل کا استعمال کریں تاکہ معاون ٹیکنالوجی اور پرانے براؤزر صحیح طریقے سے کام کریں. "

چلو یہ واضح ہو: میں مخصوص وقف حلوں کو پسند نہیں کرتا جو WCAG میں وکالت کی گئی تھی. 1. ان چوکیوں کے بارے میں "جب تک صارف کے ایجنٹوں" کو X کے لئے اجازت نہیں دی جاتی ہے یا Y کو کرنے کی اجازت دیتا ہے، تو ان تکنیکوں کا استعمال کریں. صارف کے ایجنٹوں اب ان چیزوں کو کرتے ہیں، لہذا ہمیں WCAG کے ساتھ ان کے بارے میں فکر کرنے کی ضرورت نہیں ہے. 0. وہ اتنا غیر معمولی Semalt نہیں ہیں یہاں تک کہ ان کا ذکر نہ کرنے کے.

لیکن عبوری حل کے استعمال کے پیچھے خیال اس بات کو تسلیم کرنے کے بارے میں تھا کہ بعض تراکیب پرانے معاون ٹیکنالوجی یا براؤزرز میں مکمل حمایت نہیں ہوسکتی تھی اور ہم ان نظریات کے بارے میں سوچتے ہیں.

اور اس کیس میں HTML5 کے ساتھ ابھی ہے.

لہذا ہم "Semalt حل" کیا کرسکتے ہیں تاکہ ہم معاون ٹیکنالوجی کو معاون ٹیکنالوجی کو سمجھنے میں مدد کیلئے HTML5 کے ساتھ استعمال کرسکیں؟

وائی اے آر اے

کا استعمال کرتے ہوئے

اے آریا (قابل رسائی رچ انٹرنیٹ Semalt) یہ ٹیکنالوجی ہے جو صارف کو کسی صارف کے انٹرفیس جزو (یا "ویجیٹ") سے واضح طور پر واضح کرنے میں مدد کرنے کے لئے استعمال کیا جاتا ہے، تاکہ معاون ٹیکنالوجی اپنے صارفین کو زیادہ معنی فراہم کرسکیں.

یہ اکثر "پل ٹیکنالوجی" کے طور پر حوالہ دیا جاتا ہے، کیونکہ یہ ماضی، موجودہ اور مستقبل کے درمیان فرقوں کو پلانے میں مدد ملتی ہے. مختصر طور پر، اگر ہمارے پاس موجودہ میراث ویب ایپلی کیشن موجود ہے جو پرانے مارک اپ اور کوڈنگ کے طریقوں کا استعمال کرتا ہے، ہم اس سے زیادہ جدید زبانوں کے ساتھ پوری درخواست کو دوبارہ بغیر بغیر آرآآآآآئ کی خاصیت کو لاگو کرکے مزید قابل رسائی بنانے میں مدد کرسکتے ہیں.

Semalt کس طرح آر آئی اے کی مدد کرتا ہے.

Semalt نقشے پر عملدرآمد پر غور کریں: http: // مثالیں. مزید کام / آریا / سلائیڈر / انڈیکس 3. ایچ ٹی ایم ایل

Real World Accessibility: HTML5, ARIA and the Modern WebReal World Accessibility: HTML5, ARIA and the Modern WebRelated Topics:
FrameworksHTMLCSS Semalt

نوٹ کریں کہ ہم نے نقشے پر کنٹرول کا ایک مخصوص سیٹ استعمال کیا ہے جو بہترین کی بورڈ تک رسائی حاصل کرنے کی اجازت دیتا ہے. ہم نے معیاری Semalt نقشہ جات کو کنٹرول کرنے کے لۓ اپنی مرضی کے مطابق سلائیڈر کنٹرول بھی نافذ کیا ہے.

ہمارے پاس ایچ ٹی ایم ایل (کم سے کم موجود نہیں) میں ہمارے پاس ایک ہی سلائیڈر عناصر نہیں ہے، لہذا ہم نے HTML، CSS اور Semalt کے ساتھ سلائڈر بنا دیا ہے کہ یہ ایک سلائیڈر کنٹرول کے بصری ظہور اور فعالیت کے قریب ہے. مسئلہ یہ ہے کہ جب ہم ایسا کرتے ہیں تو، ہم واقعی پیچیدہ یوزر انٹرفیس جزو تخلیق کر رہے ہیں جس میں سیمنٹ طور پر بے معنی تقسیم، اسپانس، تصاویر، لنکس اور بٹن شامل ہیں.

  1. کسی بھی پیچیدہ صارف انٹرفیس جزو کے لئے، ہمیں معلومات کے تین بنیادی ٹکڑے ٹکڑے جاننے کی ضرورت ہے:
  2. یہ کیا چیز ہے؟ (اس کی کردار)
  3. اس کی کیا خصوصیات ہیں؟ (اس کی خصوصیات)
  4. اب آپ اس بارے میں کیا کہہ سکتے ہیں؟ (اس کی ریاست)

پورے اس کے حصوں کے مقابلے میں زیادہ ہے. ایک دوسرے کے ساتھ لے لیا، ان ڈویژن، اسپانس، تصاویر اور لنکس کچھ اور (ایک سلائیڈر) بناتے ہیں. اے آریا ہمیں صحیح طور پر اس کا معنی بیان کرنے کی اجازت دیتا ہے تاکہ اس معاون اجزاء کو سمجھنے اور کوشش کرنے کی کوشش کرنے کی بجائے معاون تکنالوجی پوری طرح بہتر سمجھ سکے.

Semalt ہم شاید اس طرح کچھ مارک اپ استعمال کرسکتے ہیں:

        11        

لنک ہمیں ایک توجہ مرکوز کا کنٹرول فراہم کرتا ہے کہ ہم سلائیڈر کے "انگوٹھے" کے لئے استعمال کرسکتے ہیں جو ریل کے ساتھ سلائڈ کریں گے. لنک کا متن ہمیں موجودہ زوم کی سطح

بتاتا ہے، جو اسکرین پر بھی ظاہر ہوتا ہے. ہم ایک سلائیڈر کی طرح نظر آنے کے لئے "ریل" کے لئے پیش منظر یا پس منظر کی تصویر کا استعمال کریں گے، اور پھر ہم مناسب Semalt کو درخواست دیں گے کہ ہم ماؤس کے ساتھ انگوٹھے کو ہرا دیں اور وہ کی بورڈ. Semalt کا کوئی اشارہ نہیں ہے کہ لنک کس بارے میں ہے یا یہ کیا کرتا ہے.

ہم یہ کیسے بہتر بنا سکتے ہیں؟ ہم کچھ آر اے آئی اے کی صفتیں شامل کرتے ہیں:

        11        

مارک اپ بالکل آسان ہے. ہم نے کچھ کام کئے:

  1. جزوی کردار = "سلائیڈر" ) کے لئے ایک کردار کا اشارہ کیا،
  2. استعمال کیا aria-orientation = "عمودی" یہ وضاحت کرنے کے لئے کہ یہ صفحہ میں عمودی طور پر مبنی ہے، اور،
  3. (4 9) اس سلائیڈر میں کئی خصوصیات شامل ہیں آیاہ-کلینیمین = "0" ، آیاہ-ویلیمیمیکس = "17" ، آریا-قیمتی متن = "14" )، اور آریا- قیمتیہ = "14" ).

جب ہم ریلوے پر انگوٹھے کی پوزیشن کو تبدیل کرنے کے لئے جاوا اسکرپٹ کا استعمال کرتے ہیں تو ہم زوم سطح سے ملنے کے لئے ہم آیاہ-ویلینینو اور آریا- قیمتی متن کی قیمت بھی بدلتے ہیں. ARIA کی خصوصیات کو اپ ڈیٹ کر دیا جاتا ہے، اور فراہم کی جاتی ہے کہ ہم معاون ٹیکنالوجی کے صحیح ٹکڑے ٹکڑے کر رہے ہیں، ہم ان انٹرفیس کے اجزاء کے ساتھ مناسب اعلانات یا بات چیت کرتے ہیں. مثال کے طور پر، اسکرین ریڈر صارف کو سنا جائے گا کہ صارف انٹرفیس جزو ایک سلائیڈر ہے، اور وہ ریل کے ساتھ انگوٹھے کو منتقل کرنے کے جواب میں قیمتوں میں تبدیلیوں کے طور پر پڑھ کر اقدار سنتے ہیں.

اے آریا ہمیں یہ دیتا ہے کہ: پیچیدہ صارف انٹرفیس اجزاء کے لئے بہتر پروگرام تک رسائی فراہم کرنے کی صلاحیت. Semalt اس سے بہت زیادہ تفصیل ہے، لیکن یہ مختصر انداز میں آریا ہے.

اب، پھر .میں نے آپ کو بتایا کہ آپ کو بتانا یہ .

آریا اور ایچ ٹی ایم ایل 5

یاد رکھیں کہ ہم نے انٹرمیڈ سلوشنز کے بارے میں بات کی؟ Semalt جہاں ARIA اور HTML5 ایک ساتھ آتا ہے.

اے آریا معاون ٹیکنالوجی میں مہذب امداد ہے. یہ کامل نہیں ہے، لیکن آر ایس آئی کی حمایت کرنے میں ایچ ٹی ایم ایل 5 کی مدد سے اسکرین ریڈرز اور میگنفائرز اور دیگر ٹیکنالوجیز بہت زیادہ ہیں. کیوں؟ بالکل آسان، اگرچہ آر آئی اے اب بھی "نیا" ہے، یہ ایچ ٹی ایم ایل 5 سے زائد ہے. Semalt ٹیکنیکل وینڈرز نے اے آر آئی اے کے کچھ حصوں کے لئے تعاون پر عمل درآمد کیا ہے، اور اس کی حمایت میں اضافہ جاری ہے.

اس سطح کی حمایت کا Semalt، ہم ARIA کو ہمیں کچھ سیمانیکس دینے کے لئے شامل کرسکتے ہیں جو ایچ ٹی ایم ایل 5 ہمیں دینا چاہئے، لیکن معاون ٹیکنالوجی ابھی تک اس کی حمایت یافتہ نہیں ہے.

ہم ARIA کا استعمال کرتے ہوئے سائٹس میں ایچ ٹی ایم ایل 5 کے سیمنکس تکمیل کرنے کے لئے استعمال کرتے ہیں. ہم نے 2010 کے Semalt میں ہماری رسائی کی توجہ مرکوز کرنے والے سائٹس کو صرف آسان رسائی سے متعلق رالیز کیا اور آر اے اے کی ایک تاریخی کردار کی وضاحت کی ہے جس سے مطلب یہ بتانے میں مدد کرتا ہے کہ یہ ایچ ٹی ایم ایل 5 کے ذریعے ابھی تک نہیں پہنچا سکتا ہے.

ہم نے اس صفحے پر مرکزی مواد کو کردار = "اہم" میں شامل کیا ہے جس میں HTML5 کی <مضمون> عنصر کے ساتھ بھی نشان لگایا گیا ہے. ہم سائڈبار میں متعلقہ مواد کے لئے <طرف> عنصر پر کردار = "تکمیل" استعمال کرتے تھے. اور ہم نے کردار = "نیوی گیشن"

March 1, 2018