アックリップ

#キーボード操作

46件

Can You Navigate Your Website Without a Mouse? | Accessibility Keyboard Test マウスなしでウェブサイトをナビゲートできますか？ | アクセシビリティキーボードテスト

YouTube 海外
Skills Singh - Web Accessibility Expert (CPWA)

マウスを使わずキーボードだけでウェブサイトをナビゲートできるかを確認する、キーボードアクセシビリティテストの方法を実演している。

I Gave My AI Agent a UX Audit Superpower: CLI + MCP in 5 Minutes AIエージェントにUX監査の超能力を与えた：CLI + MCPで5分で実現

記事 海外
DEV Community

AIが生成したUIページはスピード重視だが、アクセシビリティ面での課題を検出できない。CLIツール + MCPプロトコルを組み合わせ、AI エージェント（Claude等）に WCAG・キーボード操作・代替テキスト検証機能を統合する方法を紹介。

A compelling title that is cryptic enough to get you to take action on it 行動を促すほど謎めいた、思わずクリックしたくなるタイトル

記事 海外
Eric Bailey

アクセシビリティに配慮したWebページ設計の実装例。セマンティックHTML、スキップリンク、段階的な情報構造により、キーボード操作と読み上げに対応したWebライティング手法を示すサンプル記事。

An Interactive Cover Component インタラクティブなカバーコンポーネント

記事 海外
Kitty Giraudel

著名なアクセシビリティ専門家 Kitty Giraudel がゲーム関連ウェブサイト向けのインタラクティブなカバーコンポーネント実装を解説。キーボードナビゲーション（tabindex利用）やスクリーンリーダー対応の課題について具体的に検討しており、アニメーションコンポーネント実装時のアクセシビリティ考慮点が学べる。

「とりあえず今っぽいカードUIで行きましょう！」と言っていた後輩が、監視画面と現場端末でUXの正解が全然違うと知った話

記事
Zenn

監視画面・事務入力端末・倉庫端末という3種の現場環境を例に、「とりあえずカードUI」ではなく使用環境と操作スタイルに即したUI/UX設計が重要であることを実例で示している。

【朗報】Microsoft TeamsのEnter キーによる誤送信防止機能がいよいよロールアウトされていた「これは助かる！」「なんでこれまで放置されていた…」

記事
はてなブックマーク

Microsoft TeamsがEnterキー挙動をカスタマイズできる新機能を配信開始。Enterで改行と送信を使い分けられるようになり、キーボード操作ユーザーの誤送信防止と作業ストレスの軽減を実現。

ADCanvas: Accessible and Conversational Audio Description Authoring for Blind and Low Vision Creators ADCanvas：視覚障害・弱視クリエイター向けアクセシブルな会話型音声解説制作システム

論文 海外
arXiv

視覚障害のある動画クリエイターがAD（音声解説）を制作できるよう、会話型インタラクションとキーボード・スクリーンリーダー対応を統合したシステム「ADCanvas」を提案している。

How an accessibility designer adds keyboard shortcuts to a web app a11yデザイナーがWebアプリにキーボードショートカットを追加する方法

記事 海外
Eric Bailey

アクセシビリティデザイナーがWebアプリにキーボードショートカットを実装するアプローチを解説。ショートカット設計がアクセシビリティに与える影響を丁寧に考慮した実装方法を紹介している。

Brief Note on Application Keyboard Shortcuts アプリケーションキーボードショートカットに関する覚書

記事 海外
Adrian Roselli

Identifying keyboard shortcuts for an application is mostly an internationalization problem. It’s also not a new problem. A recent (to me) example is the WordPress Gutenberg team starting to discuss k

キーボード操作でも快適に！ウエディングサイトリニューアルで実践したカレンダーのアクセシビリティ対応 - ぐるなびをちょっと良くするエンジニアブログ

記事
はてなブックマーク

ぐるなびウエディングのリニューアルで実践したカレンダーコンポーネントのアクセシビリティ対応事例。キーボード操作への対応において、デザイナーと協力しながら行った細かな実装の工夫を解説している。

CSS-only scrollspy effect using scroll-marker-group and :target-current scroll-marker-groupと:target-currentを使ったCSSのみのスクロールスパイ効果

記事 海外
Sara Soueidan

CSS Overflow Module Level 5の新しいプロパティを活用したJavaScriptなしのスクロールスパイ実装ガイド。aria-current属性を用いてWCAG 1.3.1に準拠した、スクリーンリーダーユーザー対応のアクセシブルなナビゲーション効果を実現する方法を解説。

Task Mode: Dynamic Filtering for Task-Specific Web Navigation using LLMs Task Mode: LLMを使ったタスク特化型ウェブナビゲーションのための動的フィルタリング

論文 海外
arXiv

スクリーンリーダー利用者のウェブナビゲーションを効率化するため、LLMがタスク目標と無関係な要素を動的にフィルタリングする「Task Mode」を提案する研究だ。

Popping preconceived popover ponderings | scottohara.me popoverに関する先入観を覆す考察 | scottohara.me

記事 海外
Scott O'Hara

HTMLの新しいpopover属性のアクセシビリティ実装上の課題と検証方法についての考察。W3C仕様策定過程で見えてきたキーボード操作やスクリーンリーダー対応のポイントについてアクセシビリティ専門家Scott O'Haraがまとめた記事。