記事カテゴリー : ユーザーインターフェース (UI)
(全135件 : 1/14ページ)

WAI-ARIA 実装の5つのルール

ウェブアクセシビリティを高めるための実装方法のひとつに、WAI-ARIA があります。WAI-ARIA はとても有用ですが、無節操に使ってよいわけではありません。「Using ARIA」という W3C 文書に、5つのルールが定められているので、簡単にご紹介します。

WCAG に出てくる「名前」とは?

WCAG (Web Content Accessibility Guidelines を読むと、「名前」という用語がところどころで出てきます。 この「名前」とはいったい何でしょうか?

<details> と <summary> によるコンテンツの折り畳み / 展開

ウェブコンテンツの UI 設計において、デフォルトでは全体俯瞰を重視するなどの理由で概要コンテンツのみを提示し、ユーザーの任意で詳細コンテンツを展開表示させたい、というケースがあるかと思います。まさにそのための HTML 要素として、details 要素と summary 要素の組み合わせがあります。

YouTube のチャプター機能

YouTube で、動画内にチャプター (内容ごとの区切り) が付けられるようになりました。

Essence of "Form Design Patterns" (アクセシビリティの祭典 2020)

2020年5月22日に開催された「アクセシビリティの祭典 2020」に、ボーナストラック的な位置づけで登壇させていただき、「Essence of "Form Design Patterns"」というテーマでお話をしました。

「Form Design Patterns」要点一覧 (その3)

監訳本「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」には、あらゆるユーザーにとって利用可能なフォームを提供するための具体的な考えかたや実装方法が詰まっています。この記事は、その要点を一覧できるようまとめたものです。内容把握のチェックリストとしてご活用いただけたら幸いです。

「Form Design Patterns」要点一覧 (その2)

監訳本「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」には、あらゆるユーザーにとって利用可能なフォームを提供するための具体的な考えかたや実装方法が詰まっています。この記事は、その要点を一覧できるようまとめたものです。内容把握のチェックリストとしてご活用いただけたら幸いです。

「Form Design Patterns」要点一覧 (その1)

監訳本「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」には、あらゆるユーザーにとって利用可能なフォームを提供するための具体的な考えかたや実装方法が詰まっています。この記事は、その要点を一覧できるようまとめたものです。内容把握のチェックリストとしてご活用いただけたら幸いです。

CSUN ウェビナー「Designing Inclusive Extended Reality Experiences」

COVID-19 の拡がりの影響で、2020年の CSUN セッションのいくつかがウェビナー方式になりました。このうち、LevelAccess によるセッション「Designing Inclusive Extended Reality Experiences (インクルーシブな XR の体験をデザインする)」に参加したので、概要を共有します。

CSUN ウェビナー「Unpacking Commonly Misunderstood WCAG 2.1 Success Criteria」

COVID-19 の拡がりの影響で、2020年の CSUN セッションのいくつかがウェビナー方式になりました。このうち、LevelAccess によるセッション「Unpacking Commonly Misunderstood WCAG 2.1 Success Criteria (誤解されがちな WCAG 2.1 達成基準を紐解く)」に参加したので、概要を共有します。