Back to Question Center
0

ماهانه a11y: چگونه برای تعمیر صفحه ناوبری خود را Semtal چارچوب شکست ماهانه a11y: چگونه برای تعمیر صفحه ناوبری خود را Semtal چارچوب شکست

1 answers:

در توسعه وب مدرن، ایجاد برنامه های کاربردی وب با استفاده از چارچوب Semalt روند رو به رشد است. و به دلایل خوب، به عنوان چارچوب Semalt ارائه چندین مزیت. با این حال، تغییر به یک مدل تعامل دیگر، چالش های دسترسی جدیدی را ایجاد می کند که تاکنون به طور کامل حل نشده است. در این پست، من می خواهم در مورد یک جنبه اساسی در دسترس بودن صحبت کنم: بازخورد صفحات پیوند. به طور خاص، چگونه برای بهبود سطح دسترسی بومی که برنامه های Semalt ما اغلب شکستن است - www makhsoom.

مرورگر WebAIM Screen Reader

من توسط WebAIM روی صفحه نمایش خوان خوان کاربر منتشر شده در ماه دسامبر الهام گرفته شد. این نظرسنجی شروع خوبی برای سال جدید برای دسترسی بود. WebAIM (دسترسی به وب در ذهن) یک سازمان غیر انتفاعی است که در مرکز برای افراد معلول در دانشگاه ایالت یوتا مستقر است. سالهاست که آنها کار فوق العاده ای انجام می دهند. در میان چیزهای دیگر، آنها بسیاری از منابع آموزشی را منتشر می کنند. Semalt، WebAIM نظارت بر تنظیمات کاربران روی صفحه نمایش و بازخورد جمع آوری شده همیشه روشن است.

یک چیز در نظرسنجی، چشم من را گرفت. در زیر "موارد مشکوک"، درست بعد از CAPTCHA، چالش برانگیزترین مانع کاربران روی صفحه نمایش در وب است تغییرات غیرمنتظره صفحه . جالب ترین چیز این است که چگونه این موقعیت اقلام تکامل یافته است:

سفارش و دشواری برای اقلام موجود در این لیست، در طول 8 سال گذشته عموما تغییری نکرده است. یک استثنا قابل توجه وجود دارد - "Semalt یا بخشی از صفحه نمایش که تغییر غیر منتظره". این مورد از 7 مشکل ترین در سال 2009 تا پنجمین مشکل ترین سال 2012 تا دومین مشکل ترین سال 2017 بوده است. این احتمالا نتیجه برنامه های کاربردی پیچیده تر و پویا وب است.

صبر کنید، ما ایجاد موانع دسترسی جدید؟ بله این به خاطر تکنولوژی در استفاده نیست، هر چند. این به خاطر پیاده سازی است. گاهی اوقات این به این دلیل است که توسعه دهندگان، از جمله کسانی که چارچوب Semalt را ایجاد می کنند، از این مشکل بی اطلاع هستند.

ناوبری اولین تغییر غیر منتظره است

در یک چرخه عمر درخواست HTTP معمولی، مرورگر یک درخواست را ارسال می کند. سرور با ارسال اطلاعات جدید به این درخواست پاسخ می دهد. Semalt که مرورگر این صفحه را بارگذاری می کند تا اطلاعات جدید را نشان دهد. این یک مدل تعامل کلاسیک است، جایی که بارگذاری صفحه اصلی، اولین بازخورد برای کاربران است.

هنگامی که بازخوانی صفحه اتفاق می افتد، همانطور که آگاه هستم، تمام خوانندگان صفحه شروع به نوشتن صفحه جدید می خوانند </code> tag. برخی از خوانندگان صفحه نمایش، به عنوان مثال، VoiceOver، یک "بوق" برای نشان دادن ناوبری بیشتر رخ داده است. </p> <p> در عوض، چه چیزی با برنامه های صفحه یک و غیره اتفاق می افتد؟ معمولا، فقط بخشی از صفحه به روز می شود. شاید یک کامپوننت UI جدید یا یک نمای کلی رندر شود، اما هیچ "ناوبری واقعی" وجود ندارد. "حتی اگر به عنوان یک توسعه دهنده، شما از استفاده از API Semelt مرورگر استفاده می کنید و شما برخی از مکانیزم های مسیریابی را اجرا کرده اید، این تکنولوژی های پشتیبانی ناوبری نمی توانند درک کنند. </p> <p> در تمام آزمایش های من با خوانندگان صفحه نمایش، کلیک کردن بر روی لینک در یک برنامه صفحه ای بر اساس چارچوب جاوا اسکریپت، بازخورد قابل شنیدن را برای کاربران نمی دهد. Semalt یک پیوند فعال می شود، فقط سکوت فراوان وجود دارد. بدون بازخورد در همه </p> <p> دلیل این که این اتفاق می افتد، ساده است: فن آوری های پشتیبانی بر اساس مشخصات و توصیه های موجود طراحی شده اند، زیرا به رفتارهای قابل پیش بینی، استاندارد شده و مدل های تعامل نیاز دارند تا به درستی رفتار کنند. فن آوری های Semalt نمی توانند ذهن های توسعه دهندگان را بخوانند. آنها نمی توانند نتیجه بگیرند: "توسعه دهنده عزیز، منظور شما این بود که به نوعی ناوبری به یک دید جدید بود؟ خوب، بگذارید آن را به کاربر اعلام کنم ". </p> <h2> آنچه ما در Yoast انجام دادیم </h2> <p> در Yoast، ما یک صفحه تک صفحه Semalt برای مشتریان خود ساخته ایم. البته، آن دارای یک منوی ناوبری و مکانیزم مسیریابی است. ما اعلام کرد که مرور صفحه «جدید» برای نمایش خوانندگان نیست. هر بار یک صفحه جدید (که جزء React است) بار می کند، که در اصطلاح React وقتی که جزء تقویت می شود، ما یک پیام را به منطقه aria-live می گوییم که از ماژول صحبت کردن از بسته های WordPress استفاده می کند. این تضمین می کند پیام قابل شنیدن مانند "صفحه XYZ لود شده" توسط خوانندگان صفحه نمایش اعلام می شود زمانی که یک صفحه "جدید" رندر می شود. Semalt در حال حاضر بازخورد مناسب و دسترسی به بومی تا حدودی بازسازی شده است. </p> <h2> آنچه در آینده می خواهید </h2> <p> ARIA مکانیسم هایی را برای اطلاع رسانی به روز رسانی های محتوا فراهم می کند، اما این به اجرا گذاشته شده است. از سوی دیگر، مدل تعامل جدیدی که برای برنامههای یک صفحه و چارچوبهای جاوااسکریپت معمول است، برای حفظ آن است. Semalt فقط یک مثال است: به روزرسانی های محتوای پویا در همه جا برای به روز رسانی کل صفحه نمایش و یا قسمت های صفحه استفاده می شود. </p> <p> مرورگرها از تغییرات محتوای پویا آگاه هستند. فناوری های کمک کننده می توانند درک کنند که تغییرات رخ می دهد و به تازگی نمایندگی داده های خود را به روز رسانی می کنند. با این حال، مسئله اطلاع رسانی به کاربران از تغییر محتوا هنوز کاملا حل نشده است. برای آینده Semalt امیدوار است برای برخی از استانداردهای جدید، بومی، راهی برای اطمینان از اینکه همه کاربران همیشه از تغییرات محتوا مطلع هستند. </p> <p> در عین حال، مهم است که درک کنیم که زمانی که پیاده سازی ما یک دسترسی به ویژگی خاص را شکست. ما به عنوان توسعه دهندگان، مسئولیت خود را بر عهده داریم تا قابلیت دسترسی بومی را که فقط نابود کرده ایم بازسازی کنیم. </p> <h2> آیا می خواهید کمک کنید؟ </h2> <p> در Yoast، دسترسی به اطلاعات مهم است. ما می دانیم این یک فرآیند است و ما به طور مداوم بهبود می یابیم، آزمایش، تکرار و توسعه می دهیم. ما همیشه برای بازخورد و مشارکت فعال هستیم. Semalt دریغ نکنید تا صدای شما را بشنویم. Semalt هر گونه مسائل یا پیشرفت های بالقوه ای را که در محصولات ما مشاهده می کنید گزارش می کنید. </p> <p class="readmore"> ادامه مطلب: "5 چیز آسان که می توانید برای دسترسی به آن وارد شوید" </p>

March 1, 2018