-
Web Componentsとは?Custom ElementsとShadow DOMで作る次世代UI
Web Componentsとは、ブラウザがネイティブに提供する仕組みを使って、UIパーツを再利用可能なコンポーネントとして定義・利用できる技術です。ReactやVueのようなフレームワークがなくても、HTML・CSS・JavaScriptだけで独自の要素(カスタム要素)を作成し、DOMに組み込めるのが特徴です。
-
見えない人にも伝えるWebをつくる:アクセシビリティ対応チェックリスト10選
Webは誰にとっても使いやすくあるべきですが、視覚に障害のある方にとっては、見た目だけで情報が伝わらないことも多くあります。今回は「見えない人にも伝える」ことをテーマに、視覚障害者に配慮したWeb制作のためのアクセシビリティ対応チェックリストを10項目に絞ってご紹介します。
-
アクセシビリティの落とし穴:見た目で判断してはいけない5つのNG実装例
アクセシビリティ対応は、見た目が整っているだけでは不十分です。実際にユーザー補助技術を利用する人の立場になって考えないと、知らず知らずのうちに不便を強いていることがあります。この記事では、ありがちな「見た目は良いがアクセシビリティ的にはNGな実装例」を5つ紹介し、どのように改善すべきかを解説します。
フロントエンド開発