Keyword: A11y – TAKLOG

少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集

カテゴリ:: Web Topics
投稿日:: May 18, 2024
キーワード:: Technique; UI; UX; A11y

カード型コンポーネントの実装例

カテゴリ:: Patterns
投稿日:: May 3, 2024
キーワード:: UI; UX; A11y

テキストを1文字ずつアニメーションさせる時の注意点と実装例

カテゴリ:: Patterns
投稿日:: Apr 25, 2024
キーワード:: Animation; UX; A11y

実装後のチェック項目には「グレースケール表示での確認」を追加したほうがいい

カテゴリ:: Web Topics
投稿日:: Apr 24, 2024
キーワード:: A11y

スムーススクロールの実装例

カテゴリ:: Patterns
投稿日:: Apr 15, 2024
キーワード:: Smooth Scroll; UX; A11y

dialog要素を使用したモーダルウィンドウの実装例

カテゴリ:: Patterns
投稿日:: Apr 12, 2024
キーワード:: UI; UX; A11y

アクセシビリティに配慮したタブメニューの実装例

カテゴリ:: Patterns
投稿日:: Apr 7, 2024
キーワード:: A11y; hidden=until-found

タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし

カテゴリ:: HTML
投稿日:: Apr 2, 2024
キーワード:: Technique; UX; A11y

インラインSVGの代替テキストはどうするべきか

カテゴリ:: Web Topics
投稿日:: Mar 13, 2024
キーワード:: SVG; A11y