Webアクセシビリティ対応の状況を把握するため、Vue向けESLintプラグインとAIを用いたレポート作成ツール開発。静的解析で検出できる部分のみを対象とし、プロダクトへの導入負荷を軽減する。AIによるコード自動改善は「lintエラーだけ消す」傾向で課題を残す。
#Vue
「Vue」に関するアクセシビリティ関連情報を自動収集して掲載しています。
知的障害のある子どもが話せない状況で、Vue 3 を使って AAC（拡張代替コミュニケーション）アプリを開発。アクセシビリティ設計と包括的なテスト手法を詳述する開発エッセイ。
Axe DevTools Linter Demo Overview
YouTube 海外
開発環境でのアクセシビリティ問題をリアルタイム検出・修正するツール。React、Vue、Angularなど複数フレームワークに対応し、CI/CD統合も可能。
NuxtアプリでSPA遷移時の動的コンテンツ変更をスクリーンリーダーに伝えるNuxtAnnouncerモジュールの仕組みと実装方法を、ARIAライブリージョンの応用例とともに解説している。
React、Vue、MUIなどのコンポーネントライブラリを使うモダンな開発環境でのアクセシビリティ実装を解説。セマンティックHTMLから遠ざかった現代的なUIフレームワークの中で、複雑なコンポーネントをアクセシブルにする方法を扱う。
Vue/Nuxtアプリにおけるアクセシビリティのベストプラクティスを解説した記事。セマンティックHTML、ARIAラベル、キーボード操作、カラーコントラストなど実装レベルの指針を紹介。
Accessible Vue
実用書 海外
Vue.jsでアクセシブルなWebアプリケーションを構築するための実践的な手法とベストプラクティスを具体的に解説したガイドブックだ。