@heppokofrontend

en
ja

Here is a private playground.

Please keep in mind that we do not plan to maintain it accurately.

Test: Accessible Name and Description Computation

Test how accessible names are calculated.

Let the screen reader read the text field. How do you think the speech will change?

Narrator (for Windows)
NVDA (for Windows)
VoiceOver (for macOS)
VoiceOver (for iPadOS)
VoiceOver (for iOS)

Flags

The aria-description is a specification included in WAI-ARIA 1.3, but its status as of September 2021 is ED.

🍎 as the aria-labelledby attribute
🍏 as the aria-labelledby attribute
🍌 as the aria-label attribute
🍇 as the label element (for=attribute)
🍋 as the label element (Wrap only the text field)
🥝 as the label element (Wrap all)
🍑 as the title attribute
🍈 as the aria-describeby attribute
🍉 as the aria-describeby attribute
🍍 as the aria-description attribute
Display the placeholder

Output

Home
For Web Developers
Test: Accessible Name and Description Computation

Privacy Policy (Japanese Only)
Content Usage Guidelines (Japanese Only)
Disclaimer (Japanese Only)

© heppokofrontend.