- React, Vue.js
“キーボードだけで使えるUI”を最小コードで ─ Roving TabindexとFocus Trapの実装法
Roving TabindexとFocus Trapの2パターンで、キーボードだけで操作できるアクセシブルなUIを実装する方法を解説。メニュー・タブ・モーダルのフォーカス管理をReactとVueの両方のコード付きで紹介します。外部ライブラリ不要、約100行で実装可能です。
- React, Vue.js
40代ユーザーに響く！配色とタイポグラフィのCSS最適化
40代以上のユーザーに「読みやすい」体験を届けるためのCSS改善ポイントを解説。フォント設計、配色、レイアウト、インタラクション、パフォーマンスまで実務で役立つ具体例を紹介します。
- React, Vue.js
「Webアクセシビリティ」とは？ デザイン制作に意識すべきこと
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 現在はインターネットを通じ、いつでも・誰とでも簡単にコミュニケーションを取ることが出来ます。デジタル技術の進歩により様々な事が出来るようにな […]
- React, Vue.js
2024年はWebアクセシビリティが義務化？！今こそ早期対応を！
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 前回、「Webアクセシビリティ」について触れましたが、2024年4月に施行される「改正障害者差別解消法」により、全事業者に対して「合理的配慮 […]
