【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係 - レバテックラボ（レバテックLAB）
【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係 2024年7月12日 Ubie株式会社 デザインエンジニア 大木 尊紀 WebフロントエンドエンジニアとしてWebアプリケーション開発に従事した後、UIデザイナーを経てデザインエンジニアとなる。デザインとエンジニアリングが交わるところが最近の主戦場で、プロダクト開発の他にデザインシステムの開発・運用にも取り組んでいる。また個人的な活動としてデザインシステムやUIデザインの同人誌を書いたり勉強会を主催したりしている。 X: @takanoripe 個人サイト 2024年4月1日に障害者差別解消法の改正法が施行されました。この記事ではWebエンジニアに向けて、今回の改正の内容と実際のプロダクト開発にどのような影響をもたらすのかについて解説します。また具体的にどんなところからプロダクトの改善を
ウェブアクセシビリティハンドブック｜ましじめ株式会社
本ハンドブックは、WCAG 2.0（JIS X 8341-3:2016）の達成基準をもとに すべての利用者がウェブサイト利用できるようにするためのアクセシビリティ向上の具体的な指針と実践的なアドバイスを提供します。 はじめに ウェブアクセシビリティとは 運用時のウェブアクセシビリティの取り組み 開発時のウェブアクセシビリティの取り組み ウェブアクセシビリティ試験 ウェブアクセシビリティ試験の流れ ウェブアクセシビリティ方針（サンプル） ウェブアクセシビリティ検証結果（サンプル） ウェブアクセシビリティ検証試験実施ページリスト（サンプル） 参考 実装の参考 ツールの参考 達成基準（適合レベルA,AAを解説） 1. 知覚可能の原則 代替テキストのガイドライン 【A】非テキストコンテンツの達成基準 時間依存メディアのガイドライン 【A】音声だけまたは映像だけ（収録済み）の達成基準 【A】キャプシ
Web Content Accessibility Guidelines (WCAG) 2.1 (W3C First Public Working Draft 28 February 2017)
Web Content Accessibility Guidelines (WCAG) 2.2 W3C Recommendation 05 October 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-WCAG22-20231005/ Latest published version: https://www.w3.org/TR/WCAG22/ Latest editor's draft:https://w3c.github.io/wcag/guidelines/22/ History: https://www.w3.org/standards/history/WCAG22/ Commit history Implementation report: https://ww
aria-labelで始める、アクセシビリティ改善活動
そもそもアクセシブルなサービスとは、どのようなサービス、実装を指すのでしょうか。 端的に表現するならば、「伝えたい情報が正しい文書構造によって実装されているサービス」だと考えます。 例えば以下のようなボタンの実装があったとします。 こちらがレンダリングされた結果です。 こちらがスクリーンリーダーの結果です。 (Macの場合command+F5でVoiceOverを使用することができます。) この例の場合、視覚的な情報と、支援技術を介して得られる情報とで差異が産まれてしまっています。これはアクセシブルではありません。（例外[1]もあります。） この例の場合、ボタンの働きが編集であれば、スクリーンリーダーにより取得した削除という情報は誤りになります。 スクリーンリーダーのような支援技術は、アクセシビリティツリーを元に情報の処理・出力を行います。 このアクセシビリティツリーは、DOMツリーという
Accessibility testing with Storybook
26% of adults in the US have at least one disability. When you improve accessibility, it has an outsized impact on your current and future customers. It’s also a legal requirement. The most accurate way to check accessibility is manually on real devices. But that requires specialized expertise and a lot of time. Both of which are scarce on frontend teams. Teams at Twilio, Adobe and Shopify use a c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
