Welcome to Accessibility Testing
This playground contains various elements to test all accessibility modes
Cards with Hover Effects
Feature Card 1
Hover over this card to see transition effects. Test with epilepsy mode.
Feature Card 2
This card has a pulsing badge animation. Test animation disabling.
Feature Card 3
Card with shadow and scale transform on hover.
Video & Animation
Sample video - test with epilepsy mode
CSS Animations - should stop in epilepsy mode
Text & Typography
Heading 1 - 見出し1
Heading 2 - 見出し2
Heading 3 - 見出し3
Heading 4 - 見出し4
Large text (18px) - テスト用の大きいテキスト
Normal text (16px) - これは通常のテキストサイズです。アクセシビリティプラグインのフォントサイズ変更をテストしてください。
Small text (14px) - Văn bản nhỏ để kiểm tra khả năng đọc
Very small text (12px, low contrast) - テスト contrast mode
Data Table
| Feature | Status | Description |
|---|---|---|
| Font Size | Active | Increase/decrease text size |
| Contrast Mode | Active | High contrast for better readability |
| Epilepsy Safe | Active | Disable animations and flashing |
| Saturation | Beta | Adjust color saturation |
| Dark Mode | Planned | Full dark mode support |
Form Elements
Images & Colors
Landscape photo - test saturation
Nature photo - test contrast
City photo - test grayscale
Color Palette
Links & Buttons
Multilingual Content / 多言語コンテンツ
🇯🇵 日本語
これはアクセシビリティプラグインのデモページです。右下のボタンをクリックして、設定パネルを開いてください。フォントサイズ、コントラスト、アニメーション制御などの機能をテストできます。
🇻🇳 Tiếng Việt
Đây là trang demo của plugin accessibility. Nhấn vào nút ở góc dưới bên phải để mở bảng cài đặt. Bạn có thể kiểm tra các tính năng như cỡ chữ, độ tương phản, điều khiển animation.
🇬🇧 English
This is the accessibility plugin demo page. Click the button in the bottom right corner to open the settings panel. You can test features like font size, contrast, and animation control.