アクセシビリティ

Hoardlyは、すべてのユーザーが利用しやすいプラットフォームを目指しています。WCAG 2.1 レベル AAの基準に準拠することを目指しています。

キーボード操作

すべてのインタラクティブな要素は、キーボードでアクセスおよび操作できます。

キー	操作
`Tab`	インタラクティブな要素を順番に選択
`Shift + Tab`	インタラクティブな要素を逆順に選択
`Enter`	ボタンやリンクを選択
`Space`	チェックボックスのオン/オフ、ボタンの切り替え
`Esc`	ダイアログやドロップダウンを閉じる
`矢印キー`	メニューやリスト内での移動

スクリーンリーダー対応

Hoardlyは、アプリケーション全体でARIA属性を実装しています。

正しい文書構造のためのセマンティックなHTML要素
すべてのインタラクティブな要素に対するARIAラベル
複雑なUIコンポーネント（メニュー、ダイアログ、タブ）に対するARIAロール
動的なコンテンツ更新のためのライブリージョン
メインコンテンツへのジャンプを可能にするスキップリンク
画像の説明的な代替テキスト
フォームのラベルとエラーメッセージが適切に関連付けられている

NVDAおよびJAWS (Windows)、VoiceOver (macOS/iOS)、およびTalkBack (Android)など、一般的なスクリーンリーダーでテストを行っています。

視覚的カスタマイズ

Hoardlyには、アクセシビリティを考慮して設計された20以上の組み込みカラーテーマがあります。

ダークモード: 暗い環境での目の疲れを軽減
ライトモード: 明るい環境での高コントラスト表示
複数のカラーテーマ: さまざまな視覚的嗜好や状態に対応
OKLCHカラースペース: 読みやすさ向上のための知覚的に均一な色
WCAG AAのコントラスト比: すべてのテーマで維持

TIP

ヘッダー（右側）にあるテーマコントロールを使用して、テーマを閲覧および切り替えることができます。選択したテーマは、このデバイスに記憶され、ログインしている場合はアカウントと同期されます。

レスポンシブデザイン

インターフェースは、さまざまな画面サイズや入力方法に対応します。

タッチデバイス向けのモバイルフレンドリーなレイアウト
ブラウザのズームを尊重するレスポンシブなテキストサイズ
少なくとも44×44ピクセルのタッチターゲット（WCAG 2.1 レベル AAA）
コンテンツが水平スクロールなしでリフローされる
ブラウザのテキスト拡大率最大200%に対応

アクセシビリティに関する問題報告

アクセシビリティ上の問題に遭遇した場合は、support@hoardly.appまで、問題の詳細と、その問題が発生したページまたは機能についてご連絡ください。