فراگیرتر کردن وب: تست دسترسی با عوامل تست منبع باز

هی جامعه توسعه دهنده! با نزدیک شدن به تعطیلات، زمان مناسبی برای صحبت در مورد یکی از بهترین هدایایی است که می توانیم به کاربران خود بدهیم: یک وب در دسترس. اینجا در TestZeus، ما سخت مشغول کار اضافه کردن بوده ایم تست دسترسی به منبع باز ما نماینده هرکول– و من بسیار هیجان زده هستم که جزئیات را با شما به اشتراک بگذارم!
چرا دسترسی مهم است
دسترسی به این است که مطمئن شوید همه می توانند از وب سایت یا برنامه شما صرف نظر از توانایی استفاده کنند. این شامل کاربرانی میشود که به صفحهخوانها تکیه میکنند، مشکلات حرکتی دارند یا کوررنگی را تجربه میکنند، در میان بسیاری از سناریوهای دیگر. این فقط یک مسئولیت اخلاقی یا یک علامت قانونی نیست – بلکه در مورد ایجاد تجربیات کاربری بهتر برای همه است.
با هرکول آشنا شوید
اگر هنوز در مورد آن نشنیده اید، هرکول عامل تست منبع باز ما است که جنبه های مختلف تست نرم افزار را خودکار می کند. با اضافه کردن تست دسترسی، هدف ما کاهش اصطکاک اغلب توسعه دهندگان هنگام تلاش برای ملاقات است WCAG (دستورالعملهای دسترسی به محتوای وب). برخی از نکات برجسته:
- WCAG 2.0، 2.1 و 2.2 را پوشش می دهد
- هزینه هر اسکن کمتر از 1 دلار است (بنابراین، برای تیم های کوچکتر نیز فوق العاده قابل دسترسی است!)
- منبع باز و به راحتی در خط لوله CI/CD شما ادغام می شود
به عبارت دیگر، ما روی عملی بودن و مقرون به صرفه بودن تمرکز کردهایم، بنابراین برای جامعتر کردن سایت خود به بودجه هنگفت یا مهارتهای تخصصی نیاز ندارید.
راه اندازی سریع
-
Repo را شبیه سازی کنید
-
Dependencies را نصب کنید
- یک «نصب سریع پیپ testzeus-hercules»
-
تست خود را به زبان آبغوره بنویسید
- هرکول از Gherkin مانند استفاده می کند
.feature
فایل ها این ساده است و منطق را روشن نگه می دارد.
- هرکول از Gherkin مانند استفاده می کند
-
هرکول را اجرا کن
- یک فرمان واحد برای اسکن مشکلات دسترسی. گزارشها بهطور خودکار تولید میشوند، بنابراین میتوانید مستقیماً به رفع هرگونه تخلف بپردازید.
نمونه سناریوی تست
ما یک قطعه را در زیر قرار داده ایم تا نشان دهیم که چگونه یک نمونه معمولی است .feature
فایل ممکن است با استفاده از صفحه ماشین حساب کارگزاری Zerodha به عنوان مثال به نظر برسد:
Feature: Check accessibility for brokerage calculator on Zerodha website
# This feature tests the brokerage calculator, and contract notes on Zerodha website
Scenario Outline: Check calculations on brokerage and SEBI charges
Given the user is on "https://zerodha.com/brokerage-calculator#tab-equities"
Then validate the page for accessibility.
Then there should not be any issues.
در اینجا تفکیک است:
- ویژگی: زمینه را فراهم می کند—تست ماشین حساب کارگزاری Zerodha.
- طرح کلی سناریو: سناریوی خاص را توضیح می دهد.
-
مراحل:
- داده شده است: به یک URL خاص بروید.
- سپس: اعتبارسنجی دسترسی.
- سپس: اطمینان حاصل کنید که هیچ مشکلی باقی نمی ماند (انگشتان دست!).
هرکول این سناریو را تفسیر میکند، از صفحه بازدید میکند، آن را اسکن میکند و هرگونه عدم انطباق WCAG را علامتگذاری میکند.
مشاهده نتایج شما
پس از تکمیل تستهای شما، هرکول گزارشی را به شما نشان میدهد که در آن مشکلات دسترسی یافت شده را با جزئیات شرح میدهد:
- شرح موضوع: خلاصه ای سریع از تخلف.
- مرجع WCAG: کدام دستورالعمل در حال شکسته شدن است.
- شدت: از جزئی تا بحرانی را شامل می شود.
- مکان: شما را به عنصر یا ناحیه DOM دقیق در UI اشاره می کند.
این حلقه بازخورد فوری به توسعه دهندگان این امکان را می دهد که مشکلات را قبل از رسیدن به تولید برطرف کنند.
ادغام با CI/CD
از آنجایی که هرکول منبع باز و سازگار با اسکریپت است، می توانید آن را به خط لوله CI خود وصل کنید. به عنوان مثال، در GitHub Actions، میتوانید یک گردش کاری ایجاد کنید که هرکول را هر بار که کد جدیدی را فشار میدهید اجرا میکند. به این ترتیب، رگرسیون های دسترسی را در مراحل اولیه توسعه مشاهده خواهید کرد.
فراتر از چک های خودکار
در حالی که هرکول با اسکن های خودکار کار فوق العاده ای انجام می دهد، به خاطر داشته باشید که دسترسی یک منطقه چند وجهی است. ممکن است هنوز بخواهید:
- با صفحه خوان ها تست کنید مانند NVDA یا VoiceOver.
- تضاد رنگ را بررسی کنید در سناریوهای دنیای واقعی
- درخواست بازخورد از کاربران دارای معلولیت برای بینش های زندگی واقعی
تست خودکار کمک بزرگی است، اما تست دستی هنوز نقش کلیدی در پوشش کامل دسترسی ایفا می کند.
بسته بندی
در این فصل تعطیلات، تجربه ای در دسترس را به کاربران خود هدیه دهید. با هرکول، میتوانید چکهای دسترسی را مستقیماً در چرخه توسعه خود قرار دهید – موانع را کاهش دهید و وب را به مکانی فراگیرتر تبدیل کنید.
در اینجا چند لینک مفید وجود دارد:
اگر سؤال، بازخورد یا ایده ای برای بهبود دارید، مایلیم از شما بشنویم! بیایید با هم کار کنیم تا اینترنت را برای همه خوشایندتر کنیم.
تعطیلات مبارک و آزمایش مبارک!