ハイパーリンクを衛生に保つために考慮に入れるべきこと。明快なスラッグ、破綻しないロジカルなディレクトリ設計、(リブランディングでドメインが変更された場合などの) 戦略的なリダイレクト設計。継続的な QA (リンク切れの監視)。
We Need Better Hyperlink Hygiene - Abby Covert, Information Architect
https://abbycovert.com/writing/hyperlink-hygiene/
食料品ECでは、他のECと異なり商品詳細ページの手前(商品一覧)でぽんぽんカートに入れる UX が好まれる。また、モーダルな操作(わざわざカートを開く)なしに、何をいくつカートに入れたかを随時確認して変更したりしたい。解決例として、商品リストに「カートに追加」ボタンを置き、押すと動的に quantity picker(数量を表示/増減できるステッパー) を提示する。
Grocery UX: Dynamically Update the “Add to Cart” Button to a Quantity Selector after Item Added – Baymard Institute
https://baymard.com/blog/grocery-add-to-cart-buttons
Web Sustainability Guidelines(WSG)1.0が公開 | フロントエンドBlog | ミツエーリンクス
https://www.mitsue.co.jp/knowledge/blog/frontend/202309/11_1031.html
昔、TEP TEST の勉強をしてたとき、この手のトレーニングをすごくやったな。改めて意識したい。
Rewriting Digital Content for Brevity
https://www.nngroup.com/articles/rewriting-content-brevity/
Introducing Web Sustainability Guidelines | 2023 | Blog | W3C
https://www.w3.org/blog/2023/introducing-web-sustainability-guidelines/
ブログを更新しました。
ウェブアクセシビリティ検証ツール「WAVE」のフォーカス順序表示機能 | Accessible & Usable
NVDA 日本語版 2023.2jp をリリース|にしもつ
https://note.com/24motz/n/n569d4709ac64
Browser Video Players Review — Adrian Roselli
https://adrianroselli.com/2023/09/browser-video-players-review.html
今年の1月に開催されていました。時間があるときにじっくり動画を見たい。
Artificial Intelligence (AI) and Accessibility Research Symposium 2023 | Web Accessibility Initiative (WAI) | W3C
https://www.w3.org/WAI/research/ai2023/
Nine Essential Information Architecture Practices | Jorge Arango
https://jarango.com/2023/09/04/nine-essential-information-architecture-practices/
ものすごく、情報設計 (IA) の話だなあと。
> 自治体サイトWebアクセシビリティ調査2023を終えて – 有限会社ユニバーサルワークス
https://www.u-works.co.jp/column/new040/
今年のテーマは「miCheckerなど3つのチェックツールを使ってみた」
> 自治体サイトWebアクセシビリティ調査 – 有限会社ユニバーサルワークス
https://www.u-works.co.jp/jichitai/
アクセシビリティカンファレンス福岡2023
https://fukuoka.a11yconf.net/
WebAIM: Decoding WCAG: “Alternative for Time-based Media” and “Media Alternative for Text”
https://webaim.org/blog/media-alternative/
データ視覚化のA11Y。グラフの場合、文脈に沿った要約と、データ詳細のテーブルの両方があるとよいけど、動的生成されるグラフ(時間に伴う更新やフィルタリングなど)だと、要約をどう生成するか難しい。
How to make charts and graphs more accessible - Pope Tech Blog
https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/
劇場やスタジアムのなどの客席選択で、二次元的な視覚表現とアクセシビリティをどう両立するか。SVGを用いた実装例が紹介されている。
Accessibility Theater - TPGi
https://www.tpgi.com/accessibility-theater/
Accessible & Usable / ウェブアクセシビリティコンサルタントとして活動中 / ウェブアクセシビリティ基盤委員会 (WAIC) 翻訳作業部会招聘専門家 / HCD-Net 認定 人間中心設計専門家 /