Bu, Modern Web Guidance'ın erken önizlemesidir. Yeni içerikler eklemeye devam ediyoruz. GitHub'da katkılarınızı veya geri bildirimlerinizi bekliyoruz.

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

Modern Web Guidance kullanım alanları

Yayınlanma tarihi: 19 Mayıs 2026

Bu, Modern Web Guidance'da artık kullanılabilen tüm kullanım alanlarının oluşturulmuş bir listesidir.

`accessibility`

`accessible-error-announcement`

Ekran okuyucu kullanıcılarının yalnızca etkileşimden sonra hata geri bildirimi almasını sağlamak için programatik erişilebilirlik durumlarını (ör. aria-invalid) görsel :user-invalid durumuyla senkronize edin. Böylece, görsel deneyim yansıtılır.

Kullanılan özellikler:

Modern Web Guidance kullanım alanları Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

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

Modern Web Guidance kullanım alanları

`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`