A11y Widget Demo

すべての人に、
快適なWeb体験を。

右下のアクセシビリティボタンから各機能をお試しください。スクリプト1行で、あらゆるサイトに導入できます。

私たちについて

すべての人がWebを快適に利用できる世界を目指しています。 アクセシビリティは特別なものではなく、Webの基本。 このデモでは、A11y Widgetの各機能がどう動作するかをご確認いただけます。

搭載機能

コントラスト調整

色のコントラストを強化し、テキストの視認性を向上させます。

テキストサイズ

フォントサイズを拡大して、読みやすさを改善します。

間隔・行高さ

文字間隔や行の高さを調整して、快適な読書体験を提供します。

アニメーション制御

動きのある要素を停止して、集中しやすい環境を作ります。

リンクハイライト

ページ内のリンクを視覚的に強調表示します。

ページ構造

見出し構造を一覧表示し、素早くナビゲートできます。

ツールチップデモ

以下の要素にマウスを合わせると、ツールチップが表示されます。

HTML CSS JavaScript WCAG ARIA
チームでコラボレーションしている様子

お知らせ

2026年3月12日 — A11y Widget v1.0をリリースしました。

2026年3月1日 — ベータ版テスト開始。フィードバックをお待ちしております。

詳細はお知らせ一覧をご覧ください。 お問い合わせからもご連絡いただけます。

あなたのサイトにも導入しませんか?

スクリプトタグ1行で、すべてのユーザーにアクセシブルな体験を。

導入について相談する

FAQ

Q. 導入にコーディング知識は必要ですか?

いいえ。HTMLの<body>タグの前にスクリプト1行を追加するだけです。管理画面から色やアイコンのカスタマイズも可能です。

Q. 既存のサイトデザインに影響はありますか?

ウィジェットは独立して動作するため、既存のデザインを崩しません。ユーザーが機能をオンにした場合のみ、表示が変化します。

Q. モバイルでも使えますか?

はい。レスポンシブ対応しているため、スマートフォンやタブレットでも快適にご利用いただけます。