[B! a11y] hirorockのブックマーク

弁護士ドットコム、アクセシビリティ対応でブランドカラーを変更 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い

弁護士ドットコムでは、弱視︵ロービジョン︶の方をお呼びしてユーザーテストを実施しました。前回の記事では、テストを振り返りながら、その対応方法について検討しました。そして今回は、実際に弁護士ドットコムがどう対応したのかをご紹介します。弁護士ドットコムが選んだ道前回の振り返り会では、対応の方向として﹁ブランドカラーを見直すか﹂﹁あるいは最低限の箇所だけ色を変更するか﹂という選択肢が挙げられました。ブランドカラーの見直しが望ましいものの、これは影響範囲が大きく、サイト全体はもちろん、Webの外にまで影響が及びます。簡単には実行できません。しかし結論としては、弁護士ドットコムはブランドカラーを見直す方向に舵を切りました。その経緯をお話しする前に、弁護士ドットコムについて少しおさらいしておきます。弁護士ドットコムは、﹁弁護士をもっと身近に﹂というコンセプトで、弁護士と相談者をつなぐ場を提供す

hirorock 2021/06/25

a11y

リンク

freeeアクセシビリティー・ガイドライン — freeeアクセシビリティー・ガイドライン Ver. 202404.0-RELEASE+4.3.7

このガイドラインは、参考情報の追加や表現の改善などで、随時更新されます。リリース:Ver. 202404.0-RELEASE+4.3.7 ガイドライン・バージョン：Ver. 202404.0-RELEASE チェックシート・バージョン：4.3.7 更新日:2024年4月23日

hirorock 2021/01/06

freeeが公開している資料

a11y
Data

リンク

JavaScriptで背景色から文字色を導出する

この記事を読んで、文字色の判定の基準が気になったので調べてみました。 w3cのWeb Content Accessibility Guidelinesでは、明るい色と暗い色のコントラスト比が少なくとも 4.5:1 になるようにとなっていました。大きい文字では 3:1 まで。 Material DesignもWCAGのこの基準をもとにしているそうです。

hirorock 2020/11/24

a11y js 色を計算

リンク

「ビヨンセの公式サイトも訴えられた」企業Webサイトがアクセシビリティに取り組むべき理由とは？ | イベント・セミナー

hirorock 2019/11/06

海外は訴えられた事例もあるのか… メモメ

a11y
Law

リンク

高齢者でも使えるプロダクトUIの挑戦 / Designing User Interfaces for the Elderly

FRONTEND CONFERENCE 2019 での発表資料です。 https://2019.kfug.jp/session/jimboyoshihide 当日の質疑応答の内容はブログにまとめています。 https://jmblog.jp/posts/2019-11-03/frontend-conrefence-2019/

hirorock 2019/11/02

ユニバーサルデザイン

UX-UI
a11y

リンク

英国内務省 (UK Home Office) によるウェブアクセシビリティの「べき/べからず」ポスター | Accessible & Usable

公開日 : 2018年11月19日 (2023年7月19日更新) カテゴリー : アクセシビリティ英国政府 (GOV.UK) は、世界的に見てもっとも積極的にアクセシビリティに取り組んでいる中央政府のひとつという印象ですが (たとえば、﹁Make your public sector website or app accessible﹂というガイダンスを提供していたり、﹁Accessibility in government﹂というブログを展開していたりします)、先日 UK Home Office (英国内務省) が、ウェブアクセシビリティの﹁べき/べからず (Dos/Don'ts)﹂をまとめた啓発ポスターを制作していることを知りました。GitHub で公開されているので、ご紹介したいと思います。ウェブアクセシビリティの﹁べき/べからず﹂ポスター (UK Home Office) 障

hirorock 2019/07/22

英国内務省アクセシビリティ PDF

a11y

リンク

Accessibility Bookmarklets

hirorock 2019/07/17

bookmarkletでアクセシビリティの調査がしやすくなる

a11y

リンク

東京都福祉保健局平成３０年度確定係数に基づく１人当たり保険料額

福祉保健局は、令和5年7月1日から福祉局と保健医療局に再編し、URLを変更しました。下の各局バナーからトップページに進み、分野別取組・キーワード等で検索をお願いします。ブックマーク、お気に入り等に登録いただいている場合は、お手数ですが、再登録をお願いします。 The Bureau of Social Welfare and Public Health was reorganized into the Bureau of Social Welfare and the Bureau of Public Health on July 1, 2023, and the URL was changed. Please proceed to the top page from the banners of each bureau below and search by area-specific i

hirorock 2019/07/17

東京都のガイドライン

a11y
Design

リンク

カラーユニバーサルデザイン推奨配色セット

色覚の多様性に配慮した�案内・サイン・図表等用のカラーユニバーサルデザイン�推奨配色セット（バリアフリーに配慮した見分けやすい色の組み合わせ）カラーユニバーサルデザイン推奨配色セット制作委員会 ■ 東京大学分子細胞生物学研究所　脳神経回路研究分野　伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（DICグラフィックス株式会社・DICカラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） ■ 石川県工業試験場　　　　　　　　　　　　　　　　前川満良カラーユニバーサルデザイン推奨配色セットガイドブック第２版カラーユニバーサルデザイン推奨配色セットの塗料用、印刷用、画面用の詳しい情報と、組み合わせる色の注意点、使用する上でのノウハウなどをまとめた冊子の第２版を作成しました。 CUD_color_set_GuideBook_2018

hirorock 2019/07/16

“カラーユニバーサルデザイン” 一般色覚と色弱の方の色の見え方の差異を考慮した配色セット勉強になります

a11y
Design

リンク

Google Chrome拡張機能のアクセシビリティチェックツール"Alix"が便利すぎた - Qiita

Google Chrome 拡張機能のアクセシビリティチェックツールAlixが簡単便利でかなり使えたので紹介します。概要 Alixはa11y.cssを元にしたChrome拡張HTML lintツールで、閲覧中のHTMLコードにチェック用のCSSを当てることによってアクセシビリティ上のエラーを検証し、マークアップに関するアドバイスをしてくれます。 Chrome ウェブストア GitHub 使い方 Chromeを立ち上げ、Chrome ウェブストアよりインストールします。 Chromeの右上に><という形をしたAlixのアイコンが表示されるのでクリック。すると設定画面が表示されます。 LanguageはEnglishを︵残念ながら日本語はありません︶選択。通知レベルはEverything︵旧式の書き方、注意とエラー、アドバイス︶, Obsolete Stuff, Warnings &Er

hirorock 2019/05/22

Accessibility

a11y

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

a11yに関するhirorockのブックマーク (10)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス