راهنماهای «راهنمای وب نوین»

بهبود رؤیت‌پذیری نوار پیمایش برای کاربرانی که واسط‌های کاربر با کنتراست بالا را ترجیح می‌دهند

جلوه‌های دیداری سفارشی را با سایه‌زن‌های WebGL روی محتوای HTML اعمال کنید.

راهنمای رنگ برای وب، ازجمله الزامات کنتراست، آرایش رنگ‌های روشن و تیره، «حالت رنگ‌های اجباری»، و تولید سایه‌رنگ‌ها و سایه‌ها از رنگ پایه.

برای طراحی‌های گویاتر، عناصر و محتوای آن‌ها را به هر شکل آزاد، مانند نماد، ضربه قلم‌مو، یا بافت طبیعی برش دهید.

تزیینات نوشتاری مانند زیرخط، روخط، خط‌خوردگی، یا شکل‌های کاملاً سفارشی را با پویانمایی‌های آشکارسازی، جابه‌جایی‌های سفارشی و تورفتگی‌های پایانی، و پرش جوهر انعطاف‌پذیر اضافه کنید.

سفارشی‌سازی کردن رنگ یا ضخامت نوار پیمایش

پشتیبانی از حالت تیره را به‌گونه‌ای پیاده‌سازی کنید که به اولویت کاربر برای زمینه روشن/تیره احترام بگذارد و با میانای کاربری مرورگر (مثلاً نوارهای پیمایش، کنترل‌های فرم، و غیره) سازگار باشد

عناصر HTML تعاملی را در صحنه سه‌بعدی ادغام کنید.

رنگ نوشتار خوانایی را با کنتراست کافی روی رنگ پس‌زمینه پویا انتخاب کنید.

هر خط از سرصفحه چندخطی یا قفل را با عرض یکسان بسازید، مانند سبک پوستر یا تایپوگرافی عنوان پشته‌ای. برخلاف نوشتار تراز، خود نوشتار به‌اندازه عرض تغییر می‌کند و فاصله بین کلمات کشیده نمی‌شود

محتوای HTML پویا را به‌عنوان تصویر یا فریم ویدیو از داخل بوم ضبط و صادر کنید.

محتوای پردازش‌شده در بوم را درمعرض ویژگی‌های مرورگر مانند فناوری‌های کمکی، ترجمه، یا حالت خواندن قرار دهید.

با فعال کردن مرورگر برای اعمال شکستگی‌های خط به‌طور یکنواخت و متعادل هنگام پیچیدن نوشتار، چیدمان و خوانایی محتوای نوشتاری کوتاه مستقل را (مانند عنوان‌هایی که بیشتر از چند خط نیستند) بهبود دهید.

تراز عمودی دقیق با نوشتار هر قلمی را به‌دست آورید. برای مثال، حاشیه‌گذاری داخلی دیداری کاملاً برابر در بالا و پایین نوشتار، یا تراز کردن نوشتار کاملاً هم‌سطح با نمادها یا تصاویر مجاور.

چندین شکل را ترکیب کنید تا برش‌های پیچیده یا جلوه‌های «حذفی» در عناصر ایجاد کنید، مثلاً اضافه کردن بریدگی به یک عنصر.

برای نشان دادن نواحی پیمایش‌شدنی بیشتر یا برای پنهان کردن نوشتار دیوار پرداخت، گرادیان شفافیت را روی لبه‌های محتوا اعمال کنید.

به‌جای بازآفرینی واسط کاربر تولیدشده توسط مرورگر (مانند انتخاب نوشتار، نوارهای پیمایش، کنترل‌های فرم، و انتخابگرها) با عناصر سفارشی، آن را با CSS زمینه‌سازی کنید.

روال‌های مطلوب حروف‌نگاری برای وب، ازجمله واحدهای اندازه‌گذاری قلم، ارتفاع خط، شکست نوشتار و توازن، و نوع سیال که با نمای دید مقیاس‌بندی می‌شود.

جلوه‌های دیداری با CSS مانند سایه‌های لایه‌ای، حالت‌های ترکیب، گرادیان‌ها با درون‌یابی رنگ قابل‌پیش‌بینی، و الگوهایی مانند راه‌راه، شطرنجی، نقطه‌ای، و نمودارهای دایره‌ای که فقط از گرادیان‌ها ساخته شده‌اند.

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

سبک‌های قلم را به‌گونه‌ای تعریف کنید که نوشتار در شرایطی که از چندین قلم برای ارائه یک بلوک نوشتار استفاده می‌شود، خوانا و ازنظر بصری منسجم باقی بماند.

الگوهای بافت و هوازدگی واقع‌گرایانه را روی عناصر اعمال کنید تا ظاهری طبیعی، قدیمی، یا فیزیکی به آن‌ها بدهید.

نوار پیشرفت پیمایش، ردیاب پیشرفت گام‌به‌گام، یا هر نوع امکان دیداری ایجاد کنید که نشان دهد کاربر چقدر در صفحه یا بخش پیمایش کرده است.

گردونه‌ای از اسلایدها با تصاویر یا عناصر بصری دیگر ایجاد کنید، که در آن هر اسلاید هنگام ورود/مرکز/خروج از پیمایشگر خود پویانمایی می‌شود. برای مثال، اسلایدها ممکن است محو شوند/ظاهر شوند، بچرخند، بزرگ‌تر یا کوچک‌تر شوند، و غیره.

برخی عناصر را مجبور کنید که مستقل از آرایش رنگی صفحه در حالت روشن یا تیره باشند (مثلاً بلوک‌های کد، پخش‌کننده‌های رسانه، و غیره).

نکته‌ابزارها و پنجره‌های بالاپر را با پیکان‌های جهت‌دار (یا سبک‌های بصری دیگر) بسازید که وقتی عنصر به موقعیت بازگشتی تغییر می‌کند، به‌طور خودکار جهت درست را نشان دهند.

ویژگی «کشیدن برای آشکار کردن» را بسازید که به کاربر امکان می‌دهد با کشیدن صفحه به پایین، محتوای بیشتری مثل نوار جستجو را آشکار کند.

جدول داده‌ای بسازید که داده‌های جدولی را با معناشناسی سرصفحه مناسب ارائه دهد و در صفحه‌نمایش‌های کوچک و با فناوری‌های کمکی خوانا و قابل‌پیمایش باقی بماند.

دکمه‌ها یا ابزاره‌های شناور (بازگشت به بالا، پیمایش به پایین، راه‌اندازهای گپ، و غیره) بسازید که براساس اینکه کاربر پیمایش کرده است یا نه ظاهر و ناپدید می‌شوند.

هم‌پوشانی‌های سایه پیمایش، محو شدن‌های گرادیان، یا نشانگرهای پیکان جهت‌دار بسازید که فقط زمانی ظاهر می‌شوند که واقعاً محتوای بیشتری برای پیمایش در آن جهت وجود داشته باشد.

هنگام پیمایش، سرصفحه ثابت یا جلد تمام‌صفحه را به‌آرامی پویانمایی کنید تا به‌طور پویا کوچک شود، سایه بگیرد، و چیدمان آن در یک فاصله پیمایش ازپیش‌تعریف‌شده تغییر کند.

سرصفحه‌های بخش یا نوارهای پیمایش چسبان بسازید که وقتی واقعاً در بالا «چسبیده‌اند»، به‌صورت بصری تغییر شکل می‌دهند، آرایش رنگ‌ها را تغییر می‌دهند، یا سایه می‌گیرند.

نمادهایی را نمایش دهید و مدیریت کنید که می‌توانند از CSS تنظیم و پارامتربندی شوند، سریع بارگیری می‌شوند، در هر وضوحی واضح هستند، و به‌درستی درمعرض فناوری‌های کمکی قرار می‌گیرند (یا از آن‌ها پنهان می‌شوند).

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

مؤلفه کارتی بسازید که ارائه خود را با فضا و محتوای دردسترس خود تطبیق دهد.

عنصر منویی بسازید که فهرستی از گزینه‌ها یا کنش‌ها را نمایش دهد و از زیرمنوهای تودرتو پشتیبانی کند.

برجسته کردن بخش رؤیت‌پذیر فعلی صفحه در منو پیمایش

یک نوار پیشرفت سبک‌دار بسازید که تکمیل یک تکلیف یا فرایند را در هر دو حالت معین و نامعین نشان دهد.

مؤلفه کارت شناوری بسازید که پیش‌نمایش ساختاریافته تعاملی از صفحه‌ای را نمایش دهد که نوع خاصی از پیوند (مثلاً نمایه کاربر) هنگام نگه داشتن نشانگر روی آن به آن پیمایش می‌کند.

بااستفاده از هم‌پوشانی‌های بومی متصل که درطول تعامل کاربر باز می‌مانند، راهنماهای گام‌به‌گام آماده‌سازی دائمی ایجاد کنید.

اعلان‌های هم‌پوشانی و موقت غیرمزاحم برای پیام‌رسانی پشته‌ای و دائمی و ارتباط وضعیت ایجاد کنید.

یک مؤلفه کلید حالت تیره بسازید که به کاربران امکان می‌دهد اولویت آرایش رنگ‌های سیستم خود را برای سایت فعلی لغو کنند.

یک مؤلفه کادر گفتگوی مدال یا غیرمدال بسازید که دسترس‌پذیر باشد، تمرکز را به‌درستی مدیریت کند، و بتوان آن را به روشی که کاربران در هر پلتفرم انتظار دارند رد کرد.

یک نشانگر بارگیری بسازید که وضعیت مشغول بودن را به همه کاربران اطلاع دهد، به اولویت‌های کاهش حرکت احترام بگذارد، و به‌طور کارآمد پویانمایی کند.

یک مؤلفه کشوی پیمایش ایجاد کنید که وقتی از دکمه منو فعال می‌شود، از کنار صفحه به‌صورت هم‌پوشانی روی محتوای صفحه موجود بلغزد و وقتی رد می‌شود (با تند کشیدن، ضربه زدن در خارج، یا فشار دادن کلید escape) به بیرون بلغزد.

یک مؤلفه حلقه پیشرفت بسازید که وضعیت تکمیل یک تکلیف یا فرایند را به‌صورت بصری نشان دهد، با پشتیبانی از محتوا در مرکز و سبک‌بندی سازگار با نمانام.

پیمایش سلسله‌مراتبی تمام‌صفحه بسازید که به کاربران اجازه می‌دهد به نماهای تودرتو بروند و با تند کشیدن یا پیمایش به عقب برگردند، درحالی‌که سابقه مرورگر همگام‌سازی می‌شود.

سبک‌بندی چارگوش‌های انتخاب، ازجمله نمادهای سفارشی، چیدمان، رنگ‌ها، پویانمایی‌های انتخاب/ لغو انتخاب، با حفظ عملکرد و دسترس‌پذیری بومی.

جلوه‌های پیچیده از نوع آشکارسازی مانند محو تدریجی، بزرگ‌نمایی، یا جلوه‌های دیگر را روی عناصر ایجاد کنید، به‌طوری‌که وقتی کاربر پیمایش می‌کند، این جلوه‌ها هنگام ورود و خروج عناصر از درگاه پیمایش (یا درگاه دید) اعمال شوند.

انتقال یکپارچه عنصر بین دو موقعیت عنصر هدف. برای مثال، حرکت دادن خط زیر زبانه انتخاب‌شده بین زبانه قبلاً انتخاب‌شده و زبانه فعلاً انتخاب‌شده.

عناصر را به‌آرامی پنهان/نمایش دهید وقتی که به DOM اضافه/حذف می‌شوند یا وقتی که مقادیر نمایش آن‌ها تغییر می‌کند.

عناصری مانند کادرهای گفتگو، پاپ‌اورها، و نکته‌ابزارها را هنگام ورود/خروج از لایه بالایی پویانمایی کنید.

از کشیدن برای جابه‌جا کردن عنصر شناور در صفحه پشتیبانی کنید.

جلوه‌های مبتنی بر پیمایش (مانند اختلاف منظر) ایجاد کنید که در آن لایه‌های پیش‌زمینه و پس‌زمینه با سرعت‌های متفاوتی حرکت می‌کنند و با پیمایش کاربر، حس عمق ایجاد می‌کنند.

مورد غیرتعاملی فعلی را که در گردونه‌های میزان کردن پیمایش، گالری‌ها، یا تجربه‌های تند کشیدن تمام‌صفحه میزان شده است به‌صورت دیداری برجسته کنید. برای مثال، ازهم باز کردن کارت هنگام چسباندن، یا آشکار کردن محتوای پنهان.

مطمئن شوید که وضعیت صفحه بحرانی قبل‌از شروع انتقال نمای بین‌سندی بار شده و پایدار است. این یعنی سبک‌های CSS ضروری بارگیری و اعمال شده‌اند، جاوا اسکریپت ضروری بارگیری و اجرا شده است، و HTML قابل‌مشاهده برای نمای اولیه کاربر از صفحه قبل‌از اجرای انتقال تجزیه شده است.

زمان‌بندی پویانمایی یا گذار را در عناصر هم‌نیا به‌صورت پلکانی تنظیم کنید تا هرکدام پس‌از تأخیری محاسبه‌شده براساس موقعیتش در فهرست هم‌نیاها شروع شود.

گذار یکپارچه و روان بین پیمایش‌های تمام‌صفحه ایجاد کنید، مثل محو تدریجی متقاطع، جلوه‌های آشکارسازی سفارشی، یا دگردیسی محتوا از یک صفحه به صفحه بعدی.

بااستفاده از فرمان‌های دکمه اعلانی، فرمان‌های فراخوان، فرمان‌های دکمه، فرمان‌های سفارشی، یا کنش‌های تغییر وضعیت اعلانی، دکمه‌ای را به‌صورت اعلانی به هر عنصری متصل کنید تا کنش‌های سفارشی و مختص برنامه را راه‌اندازی کنید.

رؤیت‌پذیری کادر گفتگو یا بالاپر را از دکمه‌ای بدون نوشتن جاوا اسکریپت تغییر دهید.

تغییرات وضعیت بصری را پویانمایی کنید تا جهت جریان پیمایش کاربر را منعکس کند، مثلاً لغزاندن محتوای جدید از سمت راست هنگام پیشروی به جلو یا از سمت چپ هنگام بازگشت به صفحه قبلی.

انتقال گروهی از عناصر مشابه به‌طور هم‌زمان بااستفاده از منطق انتقال یکسان، مانند برداشتن محصولی از سبد خرید و متحرک‌سازی همه محصولات دیگر در موقعیت‌های جدیدشان.

برجسته کردن محدوده‌های نوشتاری دلخواه در صفحه، مانند نتایج جستجو، غلط‌های املایی، یا مکان‌نماهای ویرایش مشارکتی.

جلوه‌های آشکارسازی تعاملی ایجاد کنید، مثل نورافکنی که اشاره‌گر کاربر را دنبال می‌کند تا جزئیات را در تصویر یا بخش واسط کاربر آشکار کند.

وقتی کاربر نشان می‌دهد که به دکمه‌ای علاقه دارد (مثلاً با نگه داشتن نشانگر روی آن، تمرکز کردن روی آن، یا فشار طولانی دادن آن) اما هنوز روی آن کلیک نکرده است، پیش‌نمایش زنده‌ای از تأثیر دکمه نشان دهید.

یک کادر گفتگوی مدال ایجاد کنید که بتوان آن را با رد کردن ساده (یعنی کلیک کردن یا ضربه زدن در خارج از کادر گفتگو) بست

متحرک‌سازی میانای کاربر با گذرهای CSS، پویانمایی‌ها، پویانمایی‌های مبتنی بر پیمایش، و گذرهای نما، ضمن حفظ حرکت در ترکیب‌کننده و رعایت اولویت‌های کاهش حرکت.

انتقال یا تغییر والد عنصر DOM بدون ازدست دادن وضعیت عنصر مهم، مانند وضعیت‌های تعاملی (:focus/:active)، وضعیت بارگیری <iframe>، وضعیت پویانمایی/ انتقال، و غیره

وقتی گره DOM زیرین یک کادر گفتگوی مدال، عنصر تمام‌صفحه، یا پاپ‌اور بومی در DOM جابه‌جا می‌شود یا والد آن تغییر می‌کند، آن را به‌صورت قابل‌مشاهده باز و ازنظر عملکردی فعال نگه دارید.

جلوه‌های انتقال و پویانمایی سفارشی مبتنی بر فیزیک، مانند پرش و فنر، ایجاد کنید که طبیعی‌تر و جذاب‌تر از منحنی‌های هموارسازی سنتی به‌نظر می‌رسند.

کادر گفتگوی مدالی ایجاد کنید که بتوان آن را ازطریق کنش‌های استاندارد کاربر مختص پلاتفرم بست، مثلاً فشار دادن کلید Esc در پلاتفرم‌های رایانه، یا اشاره «برگشت» یا «بستن» در پلاتفرم‌های تلفن همراه

از پیمایش صفحه زیرین درحین باز بودن کادر گفتگوی مدال جلوگیری کنید.

عناصر ماندگار را در حالت‌های مختلف صفحه یا پیمایش‌ها در «برنامه تک‌صفحه‌ای» (SPA) به‌صورت بصری متصل کنید (مثلاً گسترش دادن ریزعکس محصول به تصویر اصلی تمام‌صفحه) با تغییر دادن نرم اندازه، موقعیت، یا دیگر ویژگی‌های سبک‌بندی آن‌ها.

تغییرات وضعیت را در یک مؤلفه (کارت، فهرست، پانل، یا زیردرخت دیگر) پویانمایی کنید، درحالی‌که بقیه صفحه تعاملی باقی می‌ماند و سایر انتقال‌ها به‌طور هم‌زمان اجرا می‌شوند.

ارائه بازخورد دیداری هم‌زمان در عناصر میانای کاربر پیوندشده درحالی‌که کاربر در محتوای ترازشده با چسباندن پیمایش می‌کند، قبل‌از اینکه اشاره پیمایش تکمیل شود.

نشانگرهای پیمایش، پانل‌های محتوای پیوندشده، و ردیابی تجزیه‌وتحلیل را با مورد فعالاً چسبانده‌شده در محفظه پیمایش‌شدنی همگام‌سازی کنید.

ویژگی‌های دیداری را در عنصر هدف پویانمایی کنید — مانند محو کردن پس‌زمینه، تغییر رنگ پس‌زمینه، یا ایجاد تجربه‌های داستان‌سرایی پیمایشی — که کاملاً توسط موقعیت درگاه پیمایش یک عنصر کاملاً متفاوت هدایت می‌شود.

محتوا را بااستفاده از الگوهایی مانند آکاردئون، برگه، و بخش‌های «بیشتر بخوانید» از دید پنهان کنید، درحالی‌که مطمئن می‌شوید نوشتار پنهان درطول جستجوهای بومی «یافتن در صفحه» آشکار می‌شود، نمایه‌سازی موتور جستجو را مجاز می‌کند، از پیوندهای عمیق قطعه نشانی وب پشتیبانی می‌کند، و دسترس‌پذیری ARIA را حفظ می‌کند.

فهرست پیمایشی از عناصر (مثلاً گردونه‌ای از تصاویر یا رشته مکالمه گپ) بسازید که بتواند با عنصر خاصی که در رندر اولیه به نمای پیمایش‌شده منتقل شده است نمایش داده شود.

وقتی کاربر نشانگر را روی عنصر تعاملی نگه می‌دارد، روی آن تمرکز می‌کند، یا فشار طولانی می‌دهد، نکته‌ابزار یا اطلاعات تکمیلی را بدون نیاز به کلیک کردن نشان دهید.

پیاده‌سازی پیمایش فضایی دسترس‌پذیر بااستفاده از کلیدهای جهت‌نما که در حالت‌های مختلف چیدمان (جدول و غیره) به‌درستی کار می‌کند

به کاربران اجازه دهید با اشاره تند کشیدن افقی روی موارد موجود در فهرست کنش انجام دهند (برداشتن، بایگانی کردن، علامت‌گذاری به‌عنوان خوانده‌شده، و غیره) تا بتوانند ورودی‌ها را به‌سرعت و بدون ضربه زدن روی کنترل جداگانه پردازش کنند.

به کاربران اجازه دهید تا با تند کشیدن افقی روی یک مورد فهرست یا قاب محتوا، دکمه‌های کنش بافتاری یا منو کناری را بدون راه‌اندازی خودکار کنش آشکار کنند.

جلوه‌های بصری، پویانمایی‌ها، یا تغییرات تمرکز را روی عنصر هدف فقط پس‌از تکمیل پیمایش برنامه‌ای روان به آن عنصر فعال کنید.

به کاربران اجازه دهید سطوح دوبعدی (مانند نقشه‌ها، تصاویر بزرگ‌نمایی‌شده، بوم‌های بی‌نهایت، یا شبکه‌های داده بزرگ) را آزادانه در هر دو جهت (چه به‌صورت مورب یا با تغییر جهت در میان اشاره) حرکت دهند یا پیمایش کنند، بدون اینکه اشاره به یک محور افقی یا عمودی محدود شود.

یک مؤلفه انتخاب سفارشی ایجاد کنید که منو کرکره‌ای آن پویانمایی‌شده باشد. برای مثال، منو محو می‌شود یا به‌صورت اسلاید در نما قرار می‌گیرد، یا گزینه‌ها هنگام انتخاب پویانمایی می‌شوند.

چارگوش‌های انتخاب، دکمه‌های رادیویی، لغزنده‌های محدوده، و نوارهای پیشرفت را با پالت رنگ سایتتان مطابقت دهید، بدون اینکه آن‌ها را با مؤلفه‌های سفارشی جایگزین کنید.

یک لغزنده گستره بومی را با حالت‌های سفارشی قطعه، شستی، پر کردن، و تمرکز سبک‌بندی کنید و درعین‌حال عملکرد و دسترس‌پذیری بومی را حفظ کنید.

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

فرم پرداختی بسازید که جزئیات کارت را با مقادیر تکمیل خودکار صحیح و پشتیبانی از تکمیل خودکار جمع‌آوری کند.

فرم ورود به سیستم را با مقادیر تکمیل خودکار صحیح و پشتیبانی از تکمیل خودکار بسازید.

فرم ثبت‌نامی با مقادیر تکمیل خودکار صحیح و پشتیبانی از تکمیل خودکار بسازید.

بااستفاده از مشخصه سوئیچ HTML بومی، سوئیچ دسترسی‌پذیری بسازید و درصورت عدم پشتیبانی، به کادر انتخاب سبک‌دار برگردید.

فرم نشانی را با ویژگی‌های تکمیل خودکار صحیح و پشتیبانی از تکمیل خودکار بسازید.

انتخاب‌کننده‌های سفارشی ایجاد کنید که گزینه‌های آن‌ها به‌جای فهرست سنتی گزینه‌های پشته‌ای، به‌شیوه‌های منحصربه‌فرد یا جالب قرار گرفته‌اند.

به فیلدهای فرم اجازه دهید تا برای تطابق با ورودی کاربر بزرگ یا کوچک شوند، مثلاً وقتی کاربر تایپ می‌کند یا گزینه دیگری را انتخاب می‌کند. برای ایجاد فیلدهای فرم پویا و واکنش‌گرا که با طراحی صفحه مطابقت داشته باشند، محدودیت‌های حداکثر و حداقل اندازه را اعمال کنید.

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

از CSS برای برجسته کردن فیلدهای فرمی که توسط مرورگر تکمیل خودکار شده‌اند و توسط کاربر ویرایش نشده‌اند استفاده کنید.

برای کاربران IME (ویرایشگر روش ورودی)، «ارسال با کلید Enter» را در قسمت‌های نوشتاری و ورودی‌های تک‌خطی (گپ، جستجو، تغییر نام درون‌خطی) به‌طور ایمن پیاده‌سازی کنید تا از ارسال نوشتار ناقص جلوگیری شود.

برای فیلدهای فرم الزامی که رد شده‌اند یا خالی مانده‌اند، پیام خطا را فقط پس‌از تعامل کاربر ارائه دهید تا از خطاهای پیش‌گیرانه جلوگیری شود و اطمینان حاصل شود که بازخورد به‌موقع و ازنظر بافتاری مرتبط با جریان کاربر است.

یک مؤلفه انتخاب سفارشی ایجاد کنید که گزینه‌های آن بتواند حاوی قالب‌بندی پیچیده HTML (مانند تصاویر، نمادها، و سایر قالب‌بندی‌های غنی) باشد، نه فقط نوشتار ساده.

فقط پس‌از اینکه کاربر با کنترل تعامل برقرار کرد، تأیید کنید که گزینه‌ای غیراز گزینه پیش‌فرض در منوِ انتخاب انتخاب شده است.

شماره تلفن کاربران و گذرنویسه‌های یک‌بارمصرف ارسال‌شده ازطریق پیامک را با استخراج خودکار کد و ورودی فرم دسترس‌پذیر درستی‌سنجی کنید.

بازخورد اعتبارسنجی فیلد فرم (مثلاً پیچیدگی گذرواژه یا الزامات قالب ایمیل) را فقط پس‌از اینکه کاربر تعامل اولیه خود را به‌پایان رساند نشان دهید تا از خطاهای زودهنگام در بارگیری صفحه یا هنگام تایپ کردن کاربر جلوگیری شود.

عناصر سفارشی را به‌طور پیش‌فرض دردسترس قرار دهید، نقش‌ها و وضعیت ARIA را ازطریق ElementInternals ARIA mixin تنظیم کنید، تمرکز را با delegatesFocus مدیریت کنید، و روابط ARIA را در یک ریشه سایه واحد نگه دارید.

تعریف، ثبت، و مدیریت چرخه حیات عناصر سفارشی مستقل، شامل قوانین سازنده، فراخوانی‌های چرخه حیات، زمان‌بندی ارتقا، بازتاب ویژگی/مشخصه، و قراردادهای نام‌گذاری.

بااستفاده از formAssociated و ElementInternals، کنترل سفارشی را به‌طور بومی در فرم‌ها مشارکت دهید، مقدار خودش را ارسال کنید، با اعتبارسنجی محدودیت ادغام کنید، و به بازنشانی، غیرفعال کردن، و بازیابی وضعیت واکنش نشان دهید.

رهنمودهای کنش‌گرا برای معماری HTML مدرن، معناشناسی، میاناهای برنامه‌سازی کاربردی تعاملی بومی (کادر گفتگو، Popover، جزئیات)، مدیریت تمرکز، و اولویت‌بندی منابع. هنگام ساختاردهی اسناد وب، پیاده‌سازی هم‌پوشانی‌های بومی، یا بهینه‌سازی ترتیب بارگیری منابع، از این راهنما استفاده کنید.

یک عنصر سفارشی را در سرور رندر کنید، سپس آن را در محل بدون رندر مجدد یا فلش محتوای بدون سبک هیدراته کنید.

DOM و سبک‌های مؤلفه را با Shadow DOM کپسوله‌سازی کنید، درخت را به‌طور کارآمد با الگوهای HTML بسازید، و محتوای مصرف‌کننده را با شکاف‌ها نمایش دهید.

سبک‌دهی در سراسر مرز سایه با انتخابگرهای :host، ویژگی‌های موروثی و سفارشی برای زمینه‌سازی، ::slotted و ::part، و لایه‌های آبشاری و پُرسمان‌های محفظه درون مؤلفه‌ها.

اصول جهت‌گیری و متقاطع برای نوشتن و استفاده از «مؤلفه‌های وب»، شامل «عناصر سفارشی»، Shadow DOM، الگوها و شکاف‌ها، Declarative Shadow DOM، سبک‌بندی در سراسر مرز سایه، «عناصر سفارشی مرتبط با فرم»، و الزامات دسترس‌پذیری. هنگام ساختن عناصر سفارشی پردازش‌شده توسط سرور، سیستم‌های طراحی، یا مؤلفه‌های واسط کاربر با قابلیت استفاده مجدد، از این راهنما استفاده کنید.

مؤلفه‌های تعاملی (مانند آکاردئون‌ها، منوها، و کارت‌های گسترش‌یافته) را به‌آرامی به ابعاد طبیعی‌شان و از ابعاد طبیعی‌شان پویانمایی کنید.

اندازه عنصر را براساس اندازه ذاتی آن محاسبه کنید و درعین‌حال مطمئن شوید که در محدودیت‌های طراحی داده‌شده قرار می‌گیرد.

مؤلفه‌ای بسازید که سبک آن براساس وضعیت یکی از عناصر فرزندش تغییر کند. برای مثال، مؤلفه‌ای که براساس اینکه کلید تغییر وضعیت طرح زمینه علامت زده شده باشد (یا نه)، در حالت روشن یا تیره ارائه می‌شود.

فقط درصورتی‌که مرورگر از قانون at-rule خاصی پشتیبانی کند، برخی‌از قوانین یا اظهارنامه‌های CSS را به‌صورت شرطی اعمال کنید.

مؤلفه‌ای بسازید که چیدمان آن براساس اینکه حاوی عناصر فرزند خاصی باشد (یا نباشد) تغییر کند. برای مثال، اگر مؤلفه حاوی تصویر است، از چیدمان چندستونی استفاده کنید، درغیراین‌صورت به‌طور پیش‌فرض از چیدمان تک‌ستونی استفاده کنید.

چیدمان‌های مدرن CSS ازجمله flexbox،‏ grid،‏ subgrid، پُرسمان‌های محتوی، موقعیت‌یابی لنگر، و اندازه‌گذاری ذاتی. از این مهارت هنگام معماری کردن مؤلفه‌های واسط کاربر واکنش‌گرا یا چیدمان‌های صفحه استفاده کنید.

رهنمودهای کنش‌گرا برای معماری CSS مدرن، ازجمله آبشار، گزینشگرها، دامنه‌بندی، تودرتو کردن، و نشان‌های طراحی. هنگام نوشتن سبک‌ها یا مدیریت سیستم‌های طراحی، از این راهنما استفاده کنید.

نشان‌های طراحی سطح بالاتر را تعریف کنید، مانند حالت‌های تراکم (فشرده، راحت، جادار) یا زمینه‌ها، و اجازه دهید مؤلفه‌های فرزند مستقیماً و به روش‌های مناسب مؤلفه به تغییرات واکنش نشان دهند.

مقیاس‌بندی هموار مواردی مانند اندازه قلم، فاصله‌گذاری، و اندازه‌های رسانه براساس اندازه محفظه والد به‌جای استفاده از نقاط شکست ثابت

ویژگی‌های تبدیل CSS تکی (مثل ترجمه، چرخش، مقیاس) را مستقل از سایر ویژگی‌های تبدیل در یک عنصر پویانمایی یا لغو کنید.

مرز برش قابل‌مشاهده عنصر را تنظیم کنید تا با لبه محتوا، لبه حاشیه داخلی، یا لبه حاشیه خارجی (یا فاصله مشخصی از هرکدام از این‌ها) تراز شود. این کار کنترل دقیق‌تری بر نحوه برش محتوا ارائه می‌دهد.

با کپسوله‌سازی منطق سبک‌بندی پیچیده یا پویا در توابع قابل‌استفاده مجدد (مانند تابعی که گرادیان را براساس مجموعه‌ای از پارامترهای ورودی محاسبه می‌کند)، تکرار بیش‌ازحد سبک را کاهش دهید.

واسط کاربری‌ای بسازید که با اندازه محتوی و نمای هدف سازگار شود، ازجمله پرسمان‌های محتوی، واحدهای نمای هدف پویا، نسبت‌های ابعادی، و تایپوگرافی واکنش‌گرا.

عناصر را براساس تقاطع یا اتحاد گزینشگرها و قوانین شرطی @ هدف قرار دهید و درعین‌حال تکرار را به حداقل برسانید.

ساختن مؤلفه‌هایی که منطق بصری را براساس بافت معنایی بااستفاده از پُرسمان‌های سبک محفظه CSS تطبیق می‌دهند.

مؤلفه‌ای بسازید که سبک‌های آن بتواند به‌طور شرطی به عرض یا ارتفاع خودش وابسته باشد، نه به عرض یا ارتفاع نمای هدف. برای مثال، مؤلفه کارتی که می‌تواند چیدمان‌هایش را بسته به اندازه آن تغییر دهد، یا دکمه دعوت به اقدام که می‌تواند به‌طور شرطی نوشتار کمکی را براساس عرض آن نمایش دهد.

عناصر والد فیلد فرم (مثلاً برچسب‌ها یا مجموعه‌های فیلد) را وقتی فیلد نامعتبر است سبک‌بندی کنید.

طیف‌های دیداری پویا یا چیدمان‌هایی ایجاد کنید که به‌طور خودکار با تعداد عناصر موجود در گروه سازگار می‌شوند.

بااستفاده از Temporal.Duration و Intl.DurationFormat، زمان سپری‌شده یا باقی‌مانده بین تاریخ‌ها و زمان‌ها را محاسبه کنید، واحدهای مدت‌زمان را تراز کنید، و مدت‌زمان‌های بومی‌سازی‌شده قابل‌خواندن برای انسان را قالب‌بندی کنید.

بااستفاده از انواع Temporal Plain، تاریخ‌های تقویم مستقل از مکان، زمان‌های ساعت دیواری، تاریخ‌های جزئی (تولدهای تکرارشونده، انقضای کارت اعتباری)، و فاصله‌های ماهانه تکرارشونده را بدون تغییر منطقه زمانی مدل‌سازی کنید.

جلسات یا رویدادهای آینده را با پیوند دادن صریح آن‌ها به منطقه زمانی جغرافیایی IANA زمان‌بندی کنید تا زمان رویدادها صرف‌نظر از انتقال‌های ساعت تابستانی (DST)، ساعت‌های «ردشده» یا «تکرارشده» درطول تغییرات ساعت، دقیق باقی بماند.

بااستفاده از Temporal.Instant، فاصله‌های زمانی بین مُهرهای زمان ISO 8601 زیرمیلی‌ثانیه یا نانوثانیه را بدون تداخل‌های ناشی از کوتاه کردن تاریخ تجزیه، مرتب، و اندازه‌گیری کنید.

نمایش و محاسبه دقیق تاریخ‌ها در سیستم‌های تقویم غیرمیلادی (مانند اسلامی، عبری، یا چینی) برای کاربران بین‌المللی.

کامپایل کردن C/C++‎ به WebAssembly بااستفاده از Emscripten

پردازش همگام سنگین (محاسبات پیچیده و/یا حلقه‌های طولانی) یا به‌روزرسانی‌های DOM را تقسیم کنید تا مرورگر بتواند ورودی کاربر را مدیریت کند و صفحه را دوباره ترسیم کند.

کل زمانی را که کاربر واقعاً صرف مشاهده صفحه کرده است محاسبه کنید، به‌استثنای دوره‌هایی که برگه در پس‌زمینه بوده است.

بار کردن یا مقداردهی اولیه وابستگی‌های ناهمگام به‌صورت مشروط (مانند وارد کردن شبیه‌سازهای مرورگر برای ویژگی‌های وب ناموجود) بدون نیاز به هماهنگی پیچیده در همه وابستگی‌های اسکریپت صفحه.

چندین رویداد تجزیه‌وتحلیل، تله‌متری، و «هسته‌های حیاتی وب» را در یک فانوس واحد باهم گروه‌بندی و لرزه‌گیری کنید تا رقابت شبکه به حداقل برسد و بار سرور کاهش یابد، درحالی‌که همچنان به‌روزرسانی‌های هم‌زمان ارائه می‌شود.

با به‌تعویق انداختن پرداز زدن برای هر محتوایی که فوراً برای کاربر قابل‌مشاهده نیست، زمان پرداز زدن را در صفحه‌های وب با محتوای سنگین (مثلاً صفحه‌هایی با فیدهای طولانی، مقاله‌های زیاد، یا داشبوردهای پیچیده) کاهش دهید.

عملیات‌های پرهزینه مانند به‌روزرسانی‌های DOM، واکشی داده‌ها، ردیابی تجزیه‌وتحلیل، یا محاسبه مجدد چیدمان را تا پس‌از تکمیل پیمایش به‌تعویق بیندازید تا عملکرد پیمایش روان حفظ شود.

تصاویر تزئینی بهینه‌شده (مانند پس‌زمینه‌ها، نمادهای واسط کاربر، یا ماسک‌های پیچیده) را با ارائه هم‌زمان قالب‌های تصویر نسل بعدی (مانند AVIF یا WebP) در کنار تراکم‌های پیکسلی متعدد (مانند 1x و 2x) ارائه دهید تا مرورگر بتواند به‌طور پویا بهترین ترکیب اندازه فایل و کیفیت بصری را برای قابلیت‌های دستگاه کاربر تعیین کند.

واکشی‌های داده پس‌زمینه را که با Fetch API انجام شده‌اند از اولویت خارج کنید تا از تداخل شبکه با درخواست‌های آغازشده توسط کاربر جلوگیری شود.

به‌طور قابل‌اعتماد تعیین کنید که آیا صفحه در ابتدا در پس‌زمینه بار شده است یا نه، حتی در مواردی که اسکریپت به‌صورت ناهمگام پس‌از اینکه کاربر صفحه را به پیش‌زمینه آورده است بار می‌شود.

با موقتاً متوقف کردن اجرای جاوا اسکریپت پس‌زمینه (مانند پویانمایی‌های <canvas>، رندر WebGL، یا نظرسنجی داده‌های WebSocket با فرکانس بالا) وقتی مؤلفه خارج از صفحه است، منابع سیستم و عمر باتری را حفظ کنید و سپس آن‌ها را درست به‌موقع وقتی دوباره به نمای پیمایش برمی‌گردند ازسر بگیرید.

با حفظ کردن وضعیت DOM ساختاری نماهای قبلاً بازدیدشده به‌جای ازبین بردن و بازسازی آن‌ها در هر ناوبری، انتقال سریع‌تر به این نماها را در «برنامه تک‌صفحه‌ای» (SPA) فعال کنید.

ارائه و رندر کردن آزمایش‌های A/B، آزمایش‌های چندمتغیره، یا آزمایش‌های دیگر بااستفاده از جاوا اسکریپت سمت کارخواه برای تغییر یا تزریق HTML،‏ CSS، و جاوا اسکریپت بدون اینکه محتوای اصلی ابتدا قبل‌از لرزش یا چشمک زدن برای نمایش محتوای آزمایشی نشان داده شود.

جاوا اسکریپت کند و سایر دلایل پاسخ‌دهی ضعیف «تعامل تا ترسیم بعدی» (INP) را شناسایی کنید.

شناسایی اسکریپت‌هایی که بیشترین مسئولیت را در ایجاد فریم‌های پویانمایی طولانی دارند

بهبود عملکرد بار کردن صفحه با پیش‌واکشی یا پیش‌پرداخت صفحاتی که احتمالاً کاربر در مرحله بعد از آن‌ها بازدید می‌کند.

بارگیری دارایی‌های ویدیویی و صوتی خارج‌از صفحه، ازجمله تصاویر پوستر ویدیو و داده‌های رسانه‌ای پیش‌بارشده را تا زمانی که پخش‌کننده رسانه به نمای هدف نزدیک شود به‌تعویق بیندازید تا پهنای باند حفظ شود و رقابت شبکه درطول بارگیری اولیه صفحه کاهش یابد.

مدت‌زمان لازم برای تعاملات کاربر و پیمایش‌های سمت کارخواه را برای ارائه به‌روزرسانی‌های محتوایی جدید روی صفحه اندازه‌گیری کنید.

اولویت بار کردن تصاویر نامزد «بزرگ‌ترین نقاشی دارای محتوا» (LCP) را بهینه‌سازی کنید و اولویت تصاویر غیرضروری را کاهش دهید تا تأخیرهای بار کردن منابع ضروری کاهش یابد.

اولویت نسبی محتوای پیش‌بارشده را بهینه‌سازی کنید تا تأخیرهای بارگذاری منابع ضروری کاهش یابد.

اولویت بار کردن اسکریپت‌ها را با تقویت اسکریپت‌های ناهمگام ضروری و کاهش اولویت اسکریپت‌های غیرضروری یا اسکریپت‌های انتهای بدنه بهینه‌سازی کنید تا توالی بهبود یابد و تأخیرها کاهش یابد.

با اجتناب از محاسبه مجدد چیدمان در چیدمان‌های پیچیده، مانند داشبوردهای سنگین داده یا شبکه‌های سبک صفحه‌گسترده، تعاملات را سریع‌تر و پاسخگوتر کنید (کاهش امتیازات Interaction to Next Paint (INP)).

به‌روزرسانی اعلانی صفحه با محتوایی که بعداً در همان سند HTML یا ازطریق میاناهای برنامه‌سازی کاربردی جاوا اسکریپت امری جاری می‌شود.

دستورالعمل‌های کاربردی برای بهینه‌سازی برنامه‌های وب نوین. از این راهنما هنگام ممیزی عملکرد، بهینه‌سازی سنجه‌های بار کردن، رفع تعاملات آهسته، و بهینه‌سازی «معیارهای کلیدی اصلی وب» (LCP،‏ INP،‏ CLS) استفاده کنید.

تجزیه‌وتحلیل‌ها، Core Web Vitals، خطاها، و داده‌های دورسنجی را در کل بازدید کاربر از صفحه به‌طور قابل‌اعتماد ردگیری کنید و ارسال داده‌ها را تا زمانی که کاربر صفحه را ترک کند به‌تعویق بیندازید.

از تصاویر بهینه‌سازی‌شده ازنظر وضوح در شبه‌عناصر CSS (مانند ::before و ::after) استفاده کنید تا تعداد گره‌های DOM کاهش یابد.

تکالیف را با اولویت‌های مختلف زمان‌بندی کنید تا مطمئن شوید کارهای مهم ابتدا اجرا می‌شوند و کارهای پس‌زمینه به تعویق می‌افتند.

دستورالعمل‌های کدنویسی کاربردی برای ساختن برنامه‌های وب دسترس‌پذیر، شامل HTML معنایی، مدیریت تمرکز، فرم‌ها، رسانه، و آزمایش. از این مهارت هنگام ممیزی یا پیاده‌سازی ویژگی‌های دسترس‌پذیری، پیمایش صفحه‌کلید، یا ARIA استفاده کنید.

وضعیت‌های دسترس‌پذیری برنامه‌ای (مانند aria-invalid) را با وضعیت دیداری :user-invalid همگام‌سازی کنید تا مطمئن شوید کاربران صفحه‌خوان بازخورد خطا را فقط پس‌از تعامل دریافت می‌کنند، که این امر تجربه دیداری را منعکس می‌کند.

از محتوای تولیدشده CSS (::before/::after) به‌گونه‌ای استفاده کنید که دردسترس باقی بماند، ازجمله نوشتار جایگزین برای محتوای تزئینی.

به اولویت مقیاس نوشتار سیستم‌عامل برای صفحه احترام بگذارید تا اندازه‌های قلم، چیدمان، و اندازه‌گیری‌های مبتنی بر rem از تنظیمات دسترس‌پذیری کاربر پیروی کنند.

مقایسه و اعتبارسنجی ایمن مبدأها و سایت‌های وب در پیام‌ها و نشانی‌های وب بین‌سندی بدون تجزیه رشته مستعد خطا.

بااستفاده از کپسوله‌سازی کلید عمومی یا توافق کلید (ازجمله محافظت ترکیبی و پساکوانتومی)، رمزهای مشترک ایجاد کنید و داده‌های حساس را در مرورگر با رمزگذاری اصالت‌سنجی‌شده رمزگذاری کنید.

دسترسی به منابع در شبکه محلی کاربر یا میانای حلقه برگشتی از برنامه وب عمومی.

اصالت‌سنجی کاربر بازگشتی با گذرکلید برای ورود به سیستم اصلی.

ثبت بی‌صدای گذرکلید برای کاربر موجود پس‌از ورود موفقیت‌آمیز با گذرواژه.

به کاربران اجازه دهید گذرکلیدهای ثبت‌شده در حسابشان را مشاهده و مدیریت کنند.

هویت کاربر واردشده به سیستم را بااستفاده از گذرکلیدهای موجود او قبل‌از کنش حساس به‌تأیید برسانید.

گذرکلیدی برای حساب کاربری موجود ثبت کنید.

جهت‌گیری جامع و اصول میان‌بر برای پیاده‌سازی WebAuthn و «گذرکلیدها» در برنامه‌های وب. هنگام مدیریت ثبت، اصالت‌سنجی، مدیریت، یا اصالت‌سنجی مجدد گذرکلید، از این راهنما استفاده کنید.

با تعریف خط‌مشی «انواع مطمئن» برای پاک‌سازی HTML غیرمطمئن، استفاده از خط‌مشی هنگام نوشتن در سینک‌های DOM مانند innerHTML، و اعمال «انواع مطمئن» ازطریق «خط‌مشی امنیت محتوا»، از حملات XSS مبتنی بر DOM جلوگیری کنید.

کاربران بازگشتی را با گذرکلیدها یا گذرواژه‌های ذخیره‌شده‌شان در همان‌جا اصالت‌سنجی کنید و سپس به صفحه ورود به سیستم بروید یا گردش کار آن‌ها را قطع کنید.

صفحه یا کارگر را محدود می‌کند تا فقط با فهرست مجاز صریح از نقاط پایانی شبکه ارتباط برقرار کند تا از درخواست‌های غیرمجاز طرف سوم و استخراج داده‌های سمت کارخواه جلوگیری شود.

با حذف عناصر و مشخصه‌های ناامن، محتوای HTML غیرقابل‌اعتماد را از ورودی کاربر به‌طور ایمن تجزیه و نمایش دهید.

تمامیت رمزنگاری متن‌های خارجی، برگه‌های سبک نگارش، قلم‌ها، و تصاویر بارشده از منابع شخص ثالث را درستی‌سنجی کنید و کنترل کنید که آیا این درخواست‌ها اطلاعات کاربری یا نشانی‌های وب ارجاع‌دهنده را ارسال می‌کنند یا نه.

امضا و درستی‌سنجی کردن پیام‌ها، کدها، یا مصنوعات در مرورگر بااستفاده از کلیدهای نامتقارن کلاسیک یا مقاوم دربرابر کوانتوم (پساکوانتوم) برای اطمینان از تمامیت و اصالت داده‌ها.

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

رهنمودهای امنیتی پیشگیرانه برای توسعه‌دهندگان وب (XSS،‏ CSP، کوکی‌ها، جداسازی میان‌مبدئی). از این مهارت برای هدایت فرایند ممیزی، آزمایش، و استقرار ایمن خط‌مشی‌های امنیتی استفاده کنید.

رهنمودهای عمل‌گرا برای توسعه‌دهندگان وب برای پیاده‌سازی طراحی با رعایت حریم خصوصی، کمینه‌سازی جمع‌آوری داده، ممیزی‌های طرف سوم، و مدیریت ایمن داده‌ها. از این مهارت هنگام طراحی برنامه‌ها، ادغام سرویس‌های طرف سوم، مدیریت داده‌های کاربر، یا پیکربندی سرصفحه‌های امنیتی استفاده کنید.

برنامه وب نصب‌شده را به مبدأ جدیدی منتقل کنید و درعین‌حال پیکربندی کاربر و میان‌برهای سطح سیستم‌عامل را حفظ کنید.

زبان محتوای تولیدشده توسط کاربر یا محتوای موجود در سایت را تشخیص دهید.

بااستفاده از Prompt API، استنتاج زبان طبیعی را در دستگاه در مرورگر اجرا کنید، با خروجی جاری‌سازی، پاسخ‌های JSON ساختاریافته، و مدیریت جلسه چندنوبتی.

خلاصه کردن محتوای نوشتاری بااستفاده از Summarizer API درون‌دستگاهی.

بااستفاده از Translator API درون‌دستگاهی، نوشتار را بین زبان‌های مختلف ترجمه کنید.

با حاشیه‌نویسی فرم‌های HTML استاندارد با مشخصه‌های WebMCP، عملکرد سمت کارخواه را به‌عنوان ابزار دراختیار عامل‌های هوش مصنوعی قرار دهید.

بااستفاده از WebMCP Imperative API، توابع جاوا اسکریپت سمت کارخواه را به‌صورت برنامه‌ریزی‌شده به‌عنوان ابزارهایی برای عامل‌های هوش مصنوعی ثبت کنید.

از این راهنما برای پیاده‌سازی WebMCP (پروتکل بافتار مدل وب) در برنامه‌های مرورگر استفاده کنید تا عملکرد سمت کارخواه را به‌عنوان ابزار ازطریق میاناهای برنامه‌سازی کاربردی اعلانی یا امری دراختیار عامل‌های هوش مصنوعی قرار دهید.