ウェブアクセシビリティ

2024/09/20 に行われた PIXIV DEV MEETUP 2024に招待いただき参加してきました🫶 conference.pixiv.co.jp

qiita.com とても勉強になった。aria- で始まる属性はなんなのかという基本的なところから、具体的なユースケースの話まで端的にまとまっていて、ウェブアクセシビリティへの理解が深まった。 ところで、参照先の記事が訂正を試みている『「disabled属性を使った要素はスクリーンリーダで読めなくなる」という誤解』について、実際の挙動を確認したくなったのでテストページを作って VoiceOver で読み上げさせてみた。 https://codepen.io/kyanny/full/gONErbr youtu.be OS の言語設定が英語になっているので読み上げも英語になっているのと、スピーカ…

最速[要出典]アクセシビリティチェック 「自分はこうやる」をぜひ#a11yfesやブログに書いて欲しい！読みたいです ということなので一筆。とはいえ、アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1）で、「実際にやってみた」のをある程度見せているので、@magi1125のスライドを眺めながらつれづれなるままにコメントをしていく感じ…と思ったら、「こうやる」とはほど遠い、ただの感想文（箇条書き？）になってしまいました。 まあ身も蓋もない話をすると、そもそもチェック対象ページにアクセシビリティ上の問題がなければ、記録する時間が省けるので最速になります（真顔） と…

2024/9/8 https://nagoya.a11yconf.net/ https://nagoya-a11yconf.connpass.com/event/319215/ 意思疎通支援システムYYSystem〜インクルーシブデザインの実践と開発品のご紹介〜 中村 正樹さん(株式会社アイシン) YYSystem 発話や環境音を可視化する意思疎通支援アプリ 言葉だけでなく音の雰囲気も可視化する 聴覚障がい者日本で34万人 世の中聞こえる前提のものが多い 少数派だからと後回しにされているところがある 状況が変わると少数多数が逆転する未来も その時にたいおうできるのか 社会モデル/個人モデル両方…

ある方面ではおなじみの調査、自治体サイトWebアクセシビリティ調査 2024 – 有限会社ユニバーサルワークスについて、ざっくり眺めた感想とか。 今年5月に公開された「みんなの公共サイト運用ガイドライン（2024年版）」では、実際のウェブアクセシビリティ品質と公開されている試験結果や準拠状況との間に差異があるとの指摘がなされています。今回の調査は、自治体公式サイトにおける試験の実施状況と試験結果に関する書式や記載内容を明らかにし、規格や指針に即していない点、今後の取り組みを進める中で優先してほしいことなどを記しました。 書式が使い回されている疑惑のあるページがある -JIS X 8341-3:…

こんにちは！KEPPLE CREATORS LAB エンジニアの吉田です。私たちは、月に１度フロントエンドに関連する勉強会をゆるーーく開催しています。 今回の内容 少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック 前回に続き、HTMLとCSSを活用して、使いやすさとWebアクセシビリティの向上についてになります。 以前の記事も合わせてご覧いただけますと幸いです！ https://blog.lab.kepple.co.jp/entry/2024/07/12/080000https://blog.lab.kepple.co.jp/entry/2024/08/02/…

Webアクセシビリティとは？ 株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。Webサイト開発に携わったことがある方であれば「Webアクセシビリティ」という言葉、もしくはそれに関連する言葉を見聞きしたことがあるかと思います。より具体的に言いますと、海外であれば「WCAG」（Web Content Accessibility Guidelines）、日本であれば「JIS X 8341-3:2016」といったWebアクセシビリティに関する基準が存在しています。特に官公庁等の公的機関のホームページ・サイトに携わった方であればご存じではないでしょうか。 ここ近年、このWebアクセシ…

こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、アイコンを用いて何かを説明しているUIはアクセシビリティに気をつけたいというお話をします。 アイコンで説明するUIとは ハンディキャップないユーザーにしか伝わらないマークアップ どこに問題があるのか ハンディキャップのあるユーザーにも伝わるマークアップ なにをしたのか さいごに アイコンで説明するUIとは 冒頭、「アイコンで説明するUI」とはどんなUIなのかを、具体例を用いてご説明します。 よくある例としては、以下のような比較表です。 アイコンを用いて説明しているUIの例 アイコンで利用可能/不可能を説明しています。直感的でわかり…

主に一般向け製品やサービスを提供している企業等からのリリース、お知らせを不定期に収集しています。対象企業は徐々に数を増やしていく予定です。キャンペーン情報、イベント情報等の関連する情報も掲載しています。 ランキング参加中インターネット HARIO 2024.08.23 新製品「Coffee Scale POLARIS」を発売しました。 面倒な計算からあなたを開放する新たなコーヒースケール 楽天市場 Amazon Yahoo! アダストリア 2024.08.23 LOWRYS FARM KIDSが大人から子どもまで幅広く愛されている「GARFIELD」とのコラボレーションアイテムを2024年8月…

こんにちは、ぽんです いつも訪問ありがとうございます（ブックマーク・スターもありがとうございます） ブログ更新の励みになっています 今回は、先日受験したHCD検定基礎のシラバス内容をまとめたので、ここにご紹介します これからHCD検定を受験される方などの参考になりましたら幸いです（ちなみに今は結果待ちの状態です） 次はPD検定を受けようか考え中の会社員です ▼UX検定・HCD基礎検定のあれこれはこちら▼ www.udablog.com www.udablog.com www.udablog.com www.udablog.com www.udablog.com １．理念 1-1 人間中心デザイ…

こんにちは！KEPPLE CREATORS LAB エンジニアの吉田です。私たちは、月に１度フロントエンドに関連する勉強会をゆるーーく開催しています。 今回の内容 少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック 前回に続き、HTMLとCSSを活用して、使いやすさとWebアクセシビリティの向上についてになります。 前回の記事も合わせてご覧いただけると幸いです！ HTML/CSSを使ったユーザビリティとアクセシビリティの向上 以前のJavaScript Tech TalkでもCSSの進化が話題になりましたが、2024年6月4日からウェブアクセシビリティ義務化によ…

えぐいほど疲れた そろそろ家に帰りたい 分散トレーシングを使ってパフォーマンス改善をやってみたら、レスポンスタイムを2割近く改善できたお話 - Tabelog Tech Blog やっぱり計測。計測からすべては始まるんだなあ。 Cloud SQL for MySQL 5.7 のデータを Cloud SQL for MySQL 8.x へ DMS を利用して移行してみた - VISASQ Dev Blog 実際にデータを持っていて、それをもとにいろいろ試せるところは羨ましい。DMS とか触ってみたいんだけど、私はなかなかそれも試せないんだよなあ Techouse社内勉強会の内容を紹介します(1)…