ウェブアクセシビリティの基本：ランドマークロールを理解する
ページ冒頭におくメインコンテンツ等へジャンプするためのリンクです。tabキーでフォーカスが当たるまでは非表示にしているサイトも多いです。 ランドマークが適切に実装してあれば不要という意見もありますが、2022年の支援技術利用状況調査報告書では「よく使う」「時々使う」を含めると80%になるようです。 region role="region"は、他に適切なランドマークが存在しない場合に使用される一般的なランドマークです。 regionロールにするにはsection要素を使ってマークアップします。 section要素はheader, footer要素の例のように、特定の条件下でロールが変わります。 section要素のデフォルトのロールは「対応するロールなし」であり、ランドマーク要素ではありません。ChromeのアクセシビリティツリーではSectionと表示されますが、これは独自の仕様のようです
Nota Tech Conf 2022 Springの"全員登壇"を支えた技術 - Helpfeel Developers' Blog
Helpfeelでエンジニアや今出川FMの裏方等をしている id:Pasta-K です。 Nota株式会社は10月から社名が変わって株式会社Helpfeelになるのですが、それを記念した「Nota Reborn Calendar 2022」という企画をやっていまして、この記事はその10日目の記事になります。 本編とは関係ないんですが、僕が当時のNota Incにアルバイトとして入社したのが2014年8月だったはずなので、長いもので丸8年が経過したことになります。いや〜、まさかこんなに大きくなって社名が変わる日が来るとは感慨深いですね。 本編とは関係ないこと続きでもう1つ書いておくと、実は「Nota Reborn Calendar 2022」のページ内に埋め込んでいる一覧の作成も僕が担当しました。Google SpreadsheetからGoogle App ScriptでJSONを生成して、
『アクセシビリティの「改善」と「不具合修正」』
Ameba Accessibility Teamのブログ Ameba Accessibility Teamのブログです。 PCブラウザで、キーボードによるいいね！ボタンの操作ができるようになりました この記事を書く際に、「これは改善なのか、不具合修正なのか」とチームで議論することがありました。 アクセシビリティ改善の多くが不具合修正でもあります。 今回の現象は「いいね！ボタンがキーボードで操作できなかった」であり、原因は「いいね！ボタンがキー操作を受け付けないような実装になっていた」です。現在のAmeba Accessibility Guildelinesに準拠した実装をしていれば、初めからキーボードでも問題なく使えていたはずです。つまりこれは不具合修正なのではないか、という意見がありました。 しかしあえて「改善」という言葉を選んだのは、「キーボードで操作ができること」が実装当時の要件とし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
