アックリップ
A compelling title that is cryptic enough to get you to take action on it 行動を促すほど謎めいた、思わずクリックしたくなるタイトル
記事 海外
アクセシビリティに配慮したWebページ設計の実装例。セマンティックHTML、スキップリンク、段階的な情報構造により、キーボード操作と読み上げに対応したWebライティング手法を示すサンプル記事。
#見出し構造
10件Heading Anchors with Eleventy EleventyによるHeading Anchorsの実装
記事 海外
EleventyのビルドプロセスでWebページの見出しにアクセシブルなアンカーリンクを自動生成する実装方法。スクリーンリーダー対応（visually-hidden、aria-hidden属性）とCSS Anchor Positioningを活用し、ランタイムJavaScript依存を排除したベストプラクティスを解説。
Heading Anchors with Eleventy EleventyによるHeading Anchorsの実装
記事 海外
見出しにアンカーリンクを自動的に挿入するEleventy実装パターン。ビルドタイム変換とcherioライブラリで見出しIDに対応するアンカーをサーバーサイド生成し、クライアント側JavaScriptを削減する設計について解説。
HTML再学習を通じて得た気づきや知らなかった仕様をまとめた記事の第2弾で、セマンティックな要素の使い方やアクセシビリティに関連するHTML仕様の理解が深まる内容だ。
AIエージェントがWebを読む時代において、セマンティックHTMLとアクセシビリティ対応がそのままAIにも有効であることを論じた記事だ。
HTMLタグのセマンティックな使い方を再学習する中で得た気づきをまとめた記事。スクリーンリーダーへの情報伝達においてセマンティック要素の正しい使用が重要であることを具体例で解説している。
福祉ポータルサイト100記事の構築経験をもとに、アクセシビリティとSEOを両立するHTML構造（見出し階層・セマンティックHTML・構造化データ）の設計方針を解説した記事だ。
Automatic Table of Contents with Eleventy Eleventy で自動目次を作る
記事 海外
EleventyでMarkdownの見出し要素を解析して目次を自動生成する実装手順を解説した技術チュートリアルだ。
文書構造化に長年取り組んできた村田真氏が、W3C標準化の苦難と、時代の要請によって努力が報われるまでの経緯を語る講演だ。
LLM-Driven Optimization of HTML Structure to Support Screen Reader Navigation スクリーンリーダーのナビゲーションを支援するLLM駆動のHTML構造最適化
論文 海外
視覚障害のあるユーザーのECサイトでのスクリーンリーダー操作の困難を生成AIで解消するブラウザプラグインを提案した研究で、ウェブページのHTML構造をリアルタイムで再構成しナビゲーションを支援する。