role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita

2024/09/16 104 users ARIA Qiita WAI-ARIA コーディング 属性

role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのかHTMLアクセシビリティWAI-ARIA 最近、いくつかの場面でWebアクセシビリティについて、コーディングに関する技術的な説明をする機会がありました。そのなかで、そもそもWAI-ARIAというものが、どういう立ち位置のものなのかがわかり... 続きを読む

Webアクセシビリティことはじめ【おすすめ資料5選】｜akane

2024/05/20 120 users Akane 冒頭 デザイナー 株式会社Rabee 前提知識

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜... 続きを読む

HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）

2024/05/07 10 users アクセシビリティ 障壁 HTML スクリーンリーダー 何年間

HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる） これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。 「なぜWebアクセシビリティを... 続きを読む

Webアクセシビリティと合理的配慮｜ymrl

2024/02/04 61 users 条文 誤解 民間 改正 配慮

2024年（令和6年）4月1日に日本では「障害者差別解消法」という法律の改正が施行され、民間の事業者にとっては「合理的配慮」が義務化されます。義務化するのはあくまで「合理的配慮」であって、法律の条文にはどこにも「Webアクセシビリティ」とは書かれていません。 ここについての誤解が数多く出回ってしまっていて、... 続きを読む

2024年4月や6月の時点では、まだ日本でWebアクセシビリティが義務化されません

2024/01/31 92 users 筆者 義務 時点 義務化 発生

筆者は、より多くのWebサイトやWebサービスが、より高いアクセシビリティをもつものになることを強く願っています。 「2024年からWebアクセシビリティ対応が義務化される」というようなことが書かれたWeb上の記事が増えているようです。 しかし、2024年1月現在、日本で「Webアクセシビリティ」について法的な義務が発生... 続きを読む

2024年のWebアクセシビリティ | gihyo.jp

2024/01/10 125 users gihyo.jp WCAG 勧告 中村直樹 展望

あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2023年のWebアクセシビリティに関連する出来事を振り返りつつ、2024年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2の勧告とWCAG 2.1の更新 長らく待ちわびていたWCAG 2.2について、2023年10月5日... 続きを読む

AI時代のWebブラウザから考えるWebアクセシビリティの本質 ――Vivaldiのアプローチから | gihyo.jp

2023/07/14 7 users Vivaldi テッツナー gihyo.jp ょん フォン

2023年5月、Vivaldiの日本先行でのiOS版プレビューリリース発表のためヨンが来日したことをきっかけに、インターネットの将来やアクセシビリティについて語る対談の機会が設けられました。 Vivaldiブラウザの創業者ヨン・フォン・テッツナーは、'90年代から長きにわたりWebブラウザ開発に携わってきた、ブラウザ業界のキ... 続きを読む

2023年のWebアクセシビリティ | gihyo.jp

2023/01/10 110 users gihyo.jp WCAG ステータス 中村直樹 勧告候補

あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2022年のWebアクセシビリティに関連する出来事を振り返りつつ、2023年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2 2022年9月版のWCAG 2.2で、文書のステータスとしてはようやく勧告候補（Candid... 続きを読む

エンジニアだけで完結するWebアクセシビリティ向上！

2022/12/17 8 users エンジニア アクセシビリティ向上 修正 デザイン 年末

年末です。 やり残したことはないですか？ ........ そうです、アクセシビリティ向上ですね。 「アクセシビリティ向上したいけど、デザインから修正が必要だから大掛かりになるし....なかなか手がつけれないんだよね...」 ありますよね。 そこで、今回は エンジニアだけで完結する、Webアクセシビリティを向上させるため... 続きを読む

公的機関のWebサイトにアクセシビリティオーバーレイは不要

2022/05/28 15 users 省庁 機関 ソリューション Webサイト 背景

先週のことですが、政府広報オンラインが、いわゆるアクセシビリティオーバーレイを導入したことを広報していました。公的機関にありがちな横並び意識や、Webアクセシビリティに対する理解不足を背景として、他の省庁や地方自治体においても今後、同様のソリューションの導入が相次ぐことでしょう（誠に遺憾ながら）。 ... 続きを読む

Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO

2021/07/28 12 users Microsoft DevelopersIO いわさ ツール

Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsとい... 続きを読む

Webエンジニアとしていま知っておきたいWebアクセシビリティ

2021/01/13 253 users Webエンジニア ymrl Front-End Study

この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 登壇資料（内容は同一です） https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiri... 続きを読む

キーボード操作を意識したHTML/CSSコーディング

2020/12/05 535 users CSSコーディング Advent Calendar 工夫

この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作... 続きを読む

Webアクセシビリティ難しすぎる問題 | Zenn

2020/09/27 253 users アクセシビリティガイドライン Zenn freee株式会社

はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に... 続きを読む

「Webアクセシビリティ 基本の『キ』。いますぐ実行できる10の“インクルーシブデザイン”テクニック」2019年7月23日開催 月例セミナーレポート(2)｜公益社団法人 日本アドバタイザーズ協会

2019/11/26 5 users インクルーシブデザイン 日本アドバタイザーズ協会 レポート

トップ レポート 「Webアクセシビリティ 基本の『キ』。いますぐ実行できる10の“インクルーシブデザイン”テクニック」2019年7月23日開催 月例セミナーレポート(2) 「Webアクセシビリティ 基本の『キ』。いますぐ実行できる10の“インクルーシブデザイン”テクニック」2019年7月23日開催 月例セミナーレポート(2) イベント... 続きを読む

一人から始めるWebアクセシビリティ | Slack

2019/08/25 305 users バラつき Slack ユーザーエクスペリエンス オマージュ

このタイトルは「一人から始めるユーザーエクスペリエンス」という書籍のオマージュです。 Webアクセシビリティ、まず取り組むべきはカルチャーとプロセスhttps://kidachi.kazuhi.to/blog/archives/038754.html カルチャーがあってもプロセスがない場合取り組みが属人的になりやすく、ちょっとした判断にもバラツキが生... 続きを読む

2018年、freeeのアクセシビリティを振り返る - freee Developers Blog

2018/12/08 52 users freee アクセシビリティ 人事労務freee 社内

この記事はfreee Developers Advent Calendar 2018、およびWebアクセシビリティ Advent Calendar 2018の8日目です。 こんにちは、freeeの@magi1125こと伊原です。UXデザイナー／インフォメーションアーキテクトを経て、現在は人事労務freeeという素敵なサービスのプロダクトマネジャーを担当しています。 社内ではたまに... 続きを読む

Webアクセシビリティ対策って、何からやればいいんですか？／Webアクセシビリティのコンサルタントの植木真さんに聞いてきた | Webのコト、教えてホシイの！ | Web担当者Forum

2018/04/19 57 users コト コンサルタント Web担トップ Web担当者Forum

Web担トップ » Webのコト、教えてホシイの！ » Webアクセシビリティ対策って、何からやればいいんですか？／Webアクセシビリティのコンサルタントの植木真さんに聞いてきた Webのコト、教えてホシイの！ Webアクセシビリティ対策って、何からやればいいんですか？／Webアクセシビリティのコンサルタントの植木真さんに聞いてきた 障害者のための最適化と思われがちなWebアクセシビリティ対策は、... 続きを読む

Webアクセシビリティについて | Wix.com

2018/01/17 10 users Wix.com

続きを読む

2017年のWebアクセシビリティ：新春特別企画｜gihyo.jp … 技術評論社

2017/01/02 17 users gihyo.jp 新春特別企画 技術評論社 黒澤剛志 勧告

あけましておめでとうございます。 株式会社ミツエーリンクス の黒澤剛志です。本稿では， 昨年 に引き続いて， 2017年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 WCAG 2. 1 WCAG 2. 0 は2008年にW3Cの勧告 （Recommendation） となって以来， 国際的なWebアクセシビリティのガイドラインとして使われています。2016年のJIS X 834... 続きを読む

Webアクセシビリティが無視されすぎで気にくわない。

2016/01/31 171 users 裕樹 実装 コンサルタント 上野 フロントエンド

Webアクセシビリティが無視されすぎで気にくわない。 1. 2016/01/29 OBS 勉強会 #1 Webアクセシビリティが 無視されすぎで 気にくわない。 2. 2016/01/29 OBS 勉強会 #1 上野 裕樹 産業技術大学院大学 人間中心デザイン2012年度卒業生 大規模サイトの設計・運用マネジメント マークアップ・フロントエンドの設計・実装 中小企業のコンサルタントや、チームマネジ... 続きを読む

2016年のWebアクセシビリティ：新春特別企画｜gihyo.jp … 技術評論社

2016/01/02 21 users gihyo.jp 新春特別企画 技術評論社 WCAG 黒澤剛志

あけましておめでとうございます。 株式会社ミツエーリンクス の黒澤剛志です。本稿では， 昨年 に引き続いて， 2016年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 WCAG 2. 0の今後 2015年は Web Content Accessibility Guidelines 2. 0 （WCAG 2. 0） の今後について動きがありました。2016年もWCAG 2. 0をめ... 続きを読む

Webアクセシビリティの勉強に役立つツールやWebサイト、書籍いろいろ | Webクリエイターボックス

2015/04/01 112 users Webクリエイターボックス アクセシビリティ ツール 勉強

以前からWebアクセシビリティにはちょこちょこ勉強中の私です。しかしWebアクセシビリティについて書かれたサイトや本ってあまり多くなく、リソースを探すだけで苦労してしまったり…。そんなわけで今回はWebアクセシビリティのチェックに使えるツールや役立つ本、Webサイト、ブログなどを集めてみました。 アクセシビリティとは？ 「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や... 続きを読む

Webアクセシビリティが今熱い！基本からしっかりと学びたい、より深く身につけたい人にオススメできる本 | コリス

2015/03/27 33 users コリス セマンティック WAI-ARIA アクセシビリティ

Webサイトやアプリにおけるアクセシビリティについて学んでみたい、そして身につけたい、と考えている人は多いと思います。 「WAI-ARIA」「Web標準」「セマンティック」など、アクセシビリティに関する用語の解説レベルだけでなく、実務ですぐに使える具体的な方法も数多く掲載されたオススメの本を紹介します。 アクセシビリティってこういうことだったんだ！と分かる一冊です。 本書はSmashing Mag... 続きを読む

Webアクセシビリティの未来を考えるセミナーが開催 - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト

2015/02/10 7 users MdN Design Interactive セミナー

ヤフー株式会社（Yahoo!JAPAN）と株式会社ビジネス・アーキテクツ（BA）、株式会社ミツエーリンクスの3社は9日、企業のWeb担当者を対象としたセミナー「マルチデバイス時代のWebアクセシビリティ」を東京・六本木のヤフー株式会社ミッドタウン・タワー11Fセミナールームにて開催した。Webアクセシビリティの最新動向がわかる同イベントについて、その詳細をレポートする。 続きを読む