هذه معاينة مبكرة لـ "إرشادات الويب الحديث". نعمل على إضافة محتوى جديد باستمرار، ونرحّب بالمساهمات أو الملاحظات على GitHub.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

حالات استخدام "إرشادات الويب الحديثة"

تاريخ النشر: 19 مايو 2026

هذه قائمة من إنشاء النظام تتضمّن جميع حالات الاستخدام المتاحة الآن في "إرشادات الويب الحديث".

`accessibility`

`accessible-error-announcement`

يمكنك مزامنة حالات تسهيل الاستخدام آليًا (مثل aria-invalid) مع حالة :user-invalid المرئية لضمان تلقّي مستخدمي قارئات الشاشة ملاحظات حول الأخطاء بعد التفاعل فقط، ما يعكس التجربة المرئية.

الميزات المستخدَمة:

حالات استخدام "إرشادات الويب الحديثة" تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

accessibility

accessible-error-announcement

built-in-ai

language-detection

language-model

summarizer

translator

css

highlight-text-ranges

forms

animated-select-picker

autofill-address-form

autofill-highlight-inputs

autofill-payment-form

autofill-sign-in-form

autofill-sign-up-form

brand-consistent-forms

branded-select-styling

custom-select-picker-layouts

form-fields-automatically-fit-contents

required-field-feedback

rich-media-picker

select-menu-interaction

validate-input-after-interaction

passkeys

passkey-authentication

passkey-conditional-create

passkey-management

passkey-reauthentication

passkey-registration

performance

batch-analytics-events

break-up-long-tasks

calculate-total-foreground-time

conditional-async-dependencies

defer-rendering-heavy-content

defer-work-until-scroll-ends

deprioritize-background-fetches

detect-initial-visibility-state

efficient-background-processing

faster-spa-view-transitions

full-session-analytics

identify-heavy-scripts

identify-inp-causes

improve-next-page-load-performance

interactions-in-complex-layouts

optimize-image-priority

optimize-preload-priority

optimize-script-priority

resolution-optimized-pseudo-elements

schedule-tasks-by-priority

sequence-distributed-events

user-experience

adapt-scrollbar-to-contrast-preferences

anchor-positioning-tab-underline

animate-element-entry-exit

animate-to-from-top-layer

animate-to-intrinsic-sizes

apply-webgl-shaders

calculate-event-differentials

calculate-with-intrinsic-sizes

capture-location-agnostic-data

carousel-slide-effects

carousel-snap-highlights

child-state-based-styling

complex-shapes

component-specific-light-dark-theme

consistent-cross-document-transitions

content-based-styling

coordinate-global-events

cross-document-transitions

customize-scrollbar-color-and-thickness

dark-mode

declarative-button-actions

declarative-dialog-popover-control

deliver-optimized-decorative-images

design-token-reactivity

directional-navigation-transitions

dynamic-sibling-animations

حالات استخدام "إرشادات الويب الحديثة"

`accessibility`

`accessible-error-announcement`

`built-in-ai`

`language-detection`

`language-model`

`summarizer`

`translator`

`css`

`highlight-text-ranges`

`forms`

`animated-select-picker`

`autofill-address-form`

`autofill-highlight-inputs`

`autofill-payment-form`

`autofill-sign-in-form`

`autofill-sign-up-form`

`brand-consistent-forms`

`branded-select-styling`

`custom-select-picker-layouts`

`form-fields-automatically-fit-contents`

`required-field-feedback`

`rich-media-picker`

`select-menu-interaction`

`validate-input-after-interaction`

`passkeys`

`passkey-authentication`

`passkey-conditional-create`

`passkey-management`

`passkey-reauthentication`

`passkey-registration`

`performance`

`batch-analytics-events`

`break-up-long-tasks`

`calculate-total-foreground-time`

`conditional-async-dependencies`

`defer-rendering-heavy-content`

`defer-work-until-scroll-ends`

`deprioritize-background-fetches`

`detect-initial-visibility-state`

`efficient-background-processing`

`faster-spa-view-transitions`

`full-session-analytics`

`identify-heavy-scripts`

`identify-inp-causes`

`improve-next-page-load-performance`

`interactions-in-complex-layouts`

`optimize-image-priority`

`optimize-preload-priority`

`optimize-script-priority`

`resolution-optimized-pseudo-elements`

`schedule-tasks-by-priority`

`sequence-distributed-events`

`user-experience`

`adapt-scrollbar-to-contrast-preferences`

`anchor-positioning-tab-underline`

`animate-element-entry-exit`

`animate-to-from-top-layer`

`animate-to-intrinsic-sizes`

`apply-webgl-shaders`

`calculate-event-differentials`

`calculate-with-intrinsic-sizes`

`capture-location-agnostic-data`

`carousel-slide-effects`

`carousel-snap-highlights`

`child-state-based-styling`

`complex-shapes`

`component-specific-light-dark-theme`

`consistent-cross-document-transitions`

`content-based-styling`

`coordinate-global-events`

`cross-document-transitions`

`customize-scrollbar-color-and-thickness`

`dark-mode`

`declarative-button-actions`

`declarative-dialog-popover-control`

`deliver-optimized-decorative-images`

`design-token-reactivity`

`directional-navigation-transitions`

`dynamic-sibling-animations`