第1回 デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp
はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザイナーやエンジニア、アクセシビリティに関心のある方を想定しています。 現在勧告されているWCAG2の達成基準では、テキストや視覚要素のコントラストが一定の基準を満たす必要があります。たとえば、レベルAAでは文字色と背景色のコントラスト比が4.5:1以上であることが要求されます。 図1 テキストとの視認性を確保するために、背景色とのコントラスト比を考える必要がある しかし、人間の目は明るい色と暗い色のコントラストを認識する際に、明るい色の相対輝度が高いほど視認性が高くなるという特性があ
SNSのアクセシブルな投稿について考える
アクセシブルな投稿 1 年ほど前に X では画像の投稿時に、代替テキストをつけられる機能がリリースされました。この機能によって、音声読み上げソフトを使用するユーザーは、よりアクセシブルなコンテンツを享受できるようになりました。[1] では、投稿者は代替テキストをつければアクセシビリティの高いコンテンツを提供したと言えるのでしょうか。 アクセシビリティについて語る記事では、コーディングや、UI/UX の文脈で語られることが多いように感じます。しかし、SNS などユーザー投稿型サービスにおいても、各ユーザー一人ひとりが意識して取り組むべきものであると思っています。 画像 先述の通り、X では画像の投稿時に、代替テキストをつけられます。画像の投稿の際は代替テキストをつけることを心がけましょう。 X のヘルプセンターでは良い画像の説明を作成する方法が紹介されています。 また、代替テキストがない場合
freee、Web開発で音声読み上げを活用するための解説動画を公開 視覚障害者にも利用しやすいアクセシビリティが高いWeb開発を支援 | プレスリリース | フリー株式会社
freee、Web開発で音声読み上げを活用するための解説動画を公開 視覚障害者にも利用しやすいアクセシビリティが高いWeb開発を支援 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeは、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー」の利用を考慮したWeb開発に必要な手順がわかる解説動画集（全22本）を公開しました ・freeeが社内向けにアクセシビリティを意識した開発を推進する為に制作した動画ですが、社会全体でスクリーンリーダーに対応するためのアクセシビリティ開発が拡がっていくことを目的に公開しています freee株式会社（以下freee）は、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー（音声読み上げ）」を、Web開発で活用するために必要な手順や具体的な方法がわかる解説動画集（全22本）を公開したことをお知らせします。本解説動画
神奈川の鉄道駅、４分の１が無人化 ６２駅は終日駅員不在 | カナロコ by 神奈川新聞
神奈川県内にある３８９の鉄道駅のうち、６月時点で４分の１に当たる９９駅が終日または一部時間帯で駅員不在となっていることが５日、分かった。同日の県議会予算委員会で、共産党の大山奈々子氏の質問に対し、県が明らかにした。 県によると、県内にはＪＲや私鉄、横浜市営地下鉄などの駅が合計で３８９あり、このうち６２駅（１５・９％）は終日、３７駅（９・５％）は一部時間帯で無人化されている。一部でも窓口を無人としている駅も６９駅あるという。 障害者らの移動に支障が ＪＲ鶴見線の昭和駅＝川崎市川崎区扇町（資料写真） ［写真番号:1170479］ この写真に関するお問い合わせ ＪＲ東海道線の根府川駅＝小田原市根府川（資料写真） ［写真番号:1170480］ この写真に関するお問い合わせ ＪＲ浜川崎駅＝川崎市川崎区（資料写真） ［写真番号:1170481］ この写真に関するお問い合わせ ＪＲ扇町駅＝川崎市川崎区扇
（千田先生のお城探訪）バリアフリー 文化財だからこそ：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Design System 1.2.2 | Figma Community
Figma Community file - デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステム構築の目的の詳細はデジタル庁ウェブサイトをご覧ください。 更新履歴 2023.5.31 入力フォーム構築時の指針となるテンプレートを追加しましたカラー、タイポグラフィ、テキスト入力などを更新しました 2022.12.28 リンクテキスト、テキストエリアのガイドを更新しました 2022.11.14 軽微な修正を行いましたアイコンを一部修正...
障害者への差別発言相次ぐ 名古屋城復元めぐる市主催の討論会：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
アクセシビリティ 閲覧補助 | 渋谷区ポータル
渋谷区ポータルでは、どなたでも利用しやすいウェブサイトを目指して、アクセシビリティ方針を掲げています。 ページの情報が見えづらい場合は、OSやウェブブラウザの補助機能や、閲覧補助ツール FACIL’iti（ファシリティ）を使って見え方を調整することができます。 ページを拡大・縮小する一般的なOS（Windows、macOS、 ChromeOS 等）、ウェブブラウザでは、「ズーム」機能が用意されており、テキスト、画像、などのサイズを拡大・縮小することができます。 Windows および Chrome OS拡大する：Ctrl＋「+」キー 縮小する：Ctrl＋「-」キー macOS拡大する：Command＋「+」キー（テンキーが無い場合は「shift」も同時に必要な場合あり） 縮小する：Command＋「-」キー ウェブブラウザは、ページまたはテキストの拡大・縮小する方法や補助機能に関する解説ペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
木下斉 / 好評発売中！「まちづくり幻想」 on X: "ケンタッキーのセルフオーダーシステムの前で立ち尽くす老人をみると、この20年、インターネットなどが普及する中で強制的にでも国民に端末操作などでの手続きを義務付けてこなかった国民教育の不足の末路を感じるな。ファーストフードの注文すら自分でできないレベルのリテラシーで老後生き抜けるのか"
新生FCNT、レノボ出資で再スタート arrows・らくらくシリーズ継承
アクセシブルライブラリー
視覚障害者向け電子図書館「アクセシブルライブラリー」で、インプレスグループの電子書籍1278点を配信開始 
rikika | プロダクトを作りまくるデザインエンジニアさんはTwitterを使っています: 「デジタル庁のFigmaのデザインガイド日本一のクオリティ ・デザインシステムとして見やすく、トークンやサイズの記載が丁寧 ・ガイドとしてUIの基本原則やアクセシビリティについても網羅 ・命名やサイズ分けなど実装を含めた運用Tipsまで 参考になりまくりなので、全IT人材に読んでほしい URL↓ https://t.co/RURSdTveow」 / Twitter
がみさんはTwitterを使っています: 「色覚が異なる人・スクリーンリーダー利用者を考慮したガイドライン設定、好きだなー メンテナンスに労力かかるし、浸透させるには時間メチャかかると思うけど、デジタル庁頑張って欲しい https://t.co/dtwPN4Lg1W」 / Twitter
Yumi TakataさんはTwitterを使っています: 「両者の文字を作った身としては、UDデジタル教科書体に限界があるは良いとして、カナモジカイのカタカナが書きやすいかは疑問。カタカナの読みやすさの追求は面白いですが…… 高さを整理することが、書きやすいとは限らないかも。」 / Twitter
usagimaru ⌘さんはTwitterを使っています: 「iOS 17でらくらくホンモードが搭載されることが確定しているから、もう厳しいだろうな。 （アクセシビリティ関係機能の先行公開があった） https://t.co/DQpp7W6OMY」 / Twitter
「らくらくホン」のFCNTが民事再生 負債約1300億円 - 日本経済新聞
❖HirokiTaniさんはTwitterを使っています: 「今日はhttps://t.co/tVIJDAyp9Hということですね。実はFigJamでスクリーンリーダー向けの設定を有効にすると、コンテンツが読み上げられるようになっています。 https://t.co/4zCCMQnXi9 https://t.co/iPvhpXcaUU」 / Twitter
Making hashtags and emojis digitally accessible
Kaz TsuchiyaさんはTwitterを使っています: 「ハッシュタグ、キャメルケースで書くと、スクリーンリーダーが単語の区切りを識別してくれるの、知らなかった。 Making hashtags and emojis digitally accessible https://t.co/GtEKJJAPz6」 / Twitter