『Webアプリケーションアクセシビリティ』について紹介 #虎の穴ラボ Advent Calendar 2023 - 虎の穴開発室ブログ
本記事は 虎の穴ラボ Advent Calendar 2023 2日目の記事です。(予約投稿) 昨日は A.M さんの 「Amazon Bedrock Prototyping Camp 2023に参加してきました」でした。 次回は Y.F さんの「スタッフエンジニアを読んだ感想」です。ご期待ください！ こんにちは。大場です。東北に引っ越してもう直ぐ一年が経ちそうですが、まだ冬の寒さに慣れそうにありません。 今回は最近読み進めている『Webアプリケーションアクセシビリティ 今日から始める現場からの改善』という書籍について紹介します。 モチベーション 書籍情報 書籍内容 1章 Webアクセシビリティとは 2章 Webアクセシビリティの基礎 3章 4章 5章 (ケース毎の課題と改善事例の紹介) 6章 デザインシステムとアクセシビリティ 7章 アクセシビリティの組織導入 8章 アクセシブルなUI設
公的機関のWebサイトにアクセシビリティオーバーレイは不要
2022年5月27日 著 先週のことですが、政府広報オンラインが、いわゆるアクセシビリティオーバーレイを導入したことを広報していました。公的機関にありがちな横並び意識や、Webアクセシビリティに対する理解不足を背景として、他の省庁や地方自治体においても今後、同様のソリューションの導入が相次ぐことでしょう（誠に遺憾ながら）。 これまで何度か書き記してきた（そしておそらく今後も書き記すことになる）とおり、私はWebアクセシビリティの専門家として、またOverlay Fact Sheetに署名した一人として、オーバーレイソリューションに異議を唱えます。コンテンツがアクセシブルに実装されている前提において、その種のソリューションを導入する必要は、全くありません。 とりわけ政府広報オンラインのような、みんなの公共サイト運用ガイドラインに則り、JIS X 8341-3:2016に基づいてWebアクセシ
アクセシビリティ対応ツール？アクセシビリティオーバーレイ導入はちょっと待って | 株式会社P-Fab ウェブアクセシビリティを重視した福岡のWeb制作
オーバーレイファクトシートの日本語版の公開に伴い、2024/03/14追記・再公開しています。 2024/03/14追記：オーバーレイファクトシートの日本語版が閲覧できるようになりました オーバーレイ ファクトシート（日本語訳） 記事中に紹介しているオーバーレイファクトシートの日本語版が閲覧できるようになっています。ユーザーの生の声をぜひご覧ください。 アクセシビリティオーバーレイって？ 導入すると画面上にウィジェットが表示され、直感的に文字の大きさや色味の調整ができたり、自動でページ構造を修正したり、読み上げ情報を提供したりできるツールです。これさえあればサイトの改修工事をすることなくアクセシビリティ確保ができそうですが、安易に導入しても大丈夫でしょうか？ アクセシビリティオーバーレイのメリット ブラウザや端末の機能を知らない人が使える 支援が必要な人全てが普段使っているブラウザや端末の
アクセシビリティオーバーレイってなんなのか - Qiita
はじめに こちらの記事を書いた際にコメントでもらった、アクセシビリティオーバーレイに関して調査してみました。 Qiitaで調べてもアクセシビリティオーバーレイに関して言及している記事は1件も見当たりませんでした。教えてくださった方にとても感謝です。 アクセシビリティオーバーレイとは しっかりとした定義はないですが、WCAGに準拠したWebのアクセシビリティを提供するSaaSのことです。JavaScriptを使ってサイトをを上書きしてアクセシビリティを提供するツールみたいです。大体サイトの右下にボタンがあり、それをクリックするとWCAG準拠のあらゆるボタンが用意されて、例えばスクリーンリーダーをクリックするとサイトを読み上げてくれたり、 例えばこちらのサイトなどが例です。 ほとんどがこのように、ブラウザ上でスクリーンリーダーが実行できたり、文字サイズを大きくしたりコントラストを変えてくれたり
アクセシビリティ違反を自動検知する方法
AxePuppeteerのanalyze()メソッドの戻り値に対して、指定の影響度の文字列を置き換える。AxeResultsの値に応じて置換をしていく。 import type { AxeResults, ImpactValue } from 'axe-core'; type AxeResultsKeys = keyof Omit< AxeResults, 'toolOptions' | 'testEngine' | 'testRunner' | 'testEnvironment' | 'url' | 'timestamp' >; const CSV_TRANSLATE_RESULT_GROUPS: AxeResultsKeys[] = ['inapplicable', 'violations', 'incomplete', 'passes']; const CSV_TRANSLATE_I
2021年、サイバーエージェントのアクセシビリティを振り返る | CyberAgent Developers Blog
こんにちは、ABEMA開発本部の@kubosho_です。主にABEMA内のアクセシビリティタスクフォースを率いて、ABEMAのアクセシビリティ向上について日々考えそして動いています。 この記事では、当社のメディア事業部で今年起こったアクセシビリティ周りの出来事を紹介していきます。 なお前年に当社がアクセシビリティに対して取り組んだことを振り返った記事は、2020年、サイバーエージェントのアクセシビリティを振り返るで見られます。 また当社ではアクセシビリティへの取り組みも公開しています。よかったら見てみてください。 ウェブアクセシビリティ試験の実施・結果の公表 「Amebaブログ」がJIS X8341-3:2016に基づくウェブアクセシビリティの試験にて、シングルAに一部準拠 | 株式会社サイバーエージェント Amebaブログでは、2020 年の初めにウェブアクセシビリティ試験を実施していま
2022年のWebアクセシビリティ | gihyo.jp
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年に引き続き、技術仕様と国内法整備に関して、2022年のWebアクセシビリティの短期的な予測をしてみます。 WCAG 2.2とWCAG 3.0 WCAG 2.2に関しては、2020年末では2021年2月にCandidate Recommendation（勧告候補）になる予定だったものが、ずるずるとスケジュールが後ろ倒しになっており、執筆時点の2021年12月初頭になっても未だに勧告候補のステータスにはない状況です。一方で、執筆時点でのWhat’s New in WCAG 2.2 Working Draftによれば、2022年6月にRecommendation（勧告）を発行するスケジュールとのことです。 このスケジュールに間に合わせるのであれば、逆算すると4月までに勧告候補を発行する必要があります。よって、4月に勧告候
アクセシビリティ 2021 / Accessibility 2021
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
アクセシブルなサイトリニューアルのチェック項目
検討したり、例外を適切に設けるために使うものです。 要件定義 バックエンドシステム・CMSが以下に対応している 入力フォームに時間制限はない 入力フォームの入力チェック機能は適切なエラーメッセージがでる 出力されるHTMLが仕様に準拠したHTML 画像に代替テキスト(alt属性)が入れられる 動画にクローズドキャプションを追加できる 自動的に生成されるウィジェットがアクセシブルになっている 画像のポップアップ（モーダル）機能など 3rdパーティのウィジェットやASPがアクセシブルである 動画埋め込み 地図埋め込み サイト内検索 自動翻訳機能 チャットボット 情報設計 情報設計に問題がない・情報を管理できている ナビゲーション設計が適切でどのページにもたどり着ける リンクテキストとリンク先ページタイトル・見出しに乖離がない ページタイトルとh1見出しに乖離がない サイト内でページタイトルに重
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
