Yasashii Web Check
やさしいWebチェック
- What :
- URLを入力するだけで、読みやすさ・アクセシビリティ・言葉のやさしさなど6つの観点からWebページを診断するWebサービス
- Why :
- 放送大学でユニバーサルデザインを学ぶうちに、Webのアクセシビリティに興味を持ちました。読みやすさやアクセシビリティは、専門知識がなくても気軽に確認できる仕組みがあるとよいと考え、WCAG 2.1 AA / JIS X 8341-3 を参考に診断ツールを制作しました。
- How :
- 入力されたURLを取得し、読みやすさ・アクセシビリティ・言葉のやさしさなど6つの観点から自動診断する仕組みを構築しました。WCAG 2.1 AA / JIS X 8341-3 を参照し、専門知識がなくても結果を直感的に把握できるUIにしています。
任意のURLにサーバからアクセスする特性上、SSRF（Server-Side Request Forgery）への対策にも配慮しました。http/https のみを許可し、localhost・プライベートIP・内部向けホスト名をブロック。取得前にはDNS解決結果も検証し、リダイレクト先でも同様のチェックを行うことで、内部ネットワークへの不正アクセスを防いでいます。
技術面では Next.js / TypeScript / Tailwind CSS を採用しています。 - Role :
- Web Design,
Frontend Development,
Backend Development - Date :
- 2026.6