はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザイナーやエンジニア、アクセシビリティに関心のある方を想定しています。 現在勧告されているWCAG2の達成基準では、テキストや視覚要素のコントラストが一定の基準を満たす必要があります。たとえば、レベルAAでは文字色と背景色のコントラスト比が4.5:1以上であることが要求されます。 図1 テキストとの視認性を確保するために、背景色とのコントラスト比を考える必要がある しかし、人間の目は明るい色と暗い色のコントラストを認識する際に、明るい色の相対輝度が高いほど視認性が高くなるという特性があ
アクセシブルな投稿 1 年ほど前に X では画像の投稿時に、代替テキストをつけられる機能がリリースされました。この機能によって、音声読み上げソフトを使用するユーザーは、よりアクセシブルなコンテンツを享受できるようになりました。[1] では、投稿者は代替テキストをつければアクセシビリティの高いコンテンツを提供したと言えるのでしょうか。 アクセシビリティについて語る記事では、コーディングや、UI/UX の文脈で語られることが多いように感じます。しかし、SNS などユーザー投稿型サービスにおいても、各ユーザー一人ひとりが意識して取り組むべきものであると思っています。 画像 先述の通り、X では画像の投稿時に、代替テキストをつけられます。画像の投稿の際は代替テキストをつけることを心がけましょう。 X のヘルプセンターでは良い画像の説明を作成する方法が紹介されています。 また、代替テキストがない場合
freee、Web開発で音声読み上げを活用するための解説動画を公開 視覚障害者にも利用しやすいアクセシビリティが高いWeb開発を支援 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeは、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー」の利用を考慮したWeb開発に必要な手順がわかる解説動画集（全22本）を公開しました ・freeeが社内向けにアクセシビリティを意識した開発を推進する為に制作した動画ですが、社会全体でスクリーンリーダーに対応するためのアクセシビリティ開発が拡がっていくことを目的に公開しています freee株式会社（以下freee）は、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー（音声読み上げ）」を、Web開発で活用するために必要な手順や具体的な方法がわかる解説動画集（全22本）を公開したことをお知らせします。本解説動画
神奈川県内にある３８９の鉄道駅のうち、６月時点で４分の１に当たる９９駅が終日または一部時間帯で駅員不在となっていることが５日、分かった。同日の県議会予算委員会で、共産党の大山奈々子氏の質問に対し、県が明らかにした。 県によると、県内にはＪＲや私鉄、横浜市営地下鉄などの駅が合計で３８９あり、このうち６２駅（１５・９％）は終日、３７駅（９・５％）は一部時間帯で無人化されている。一部でも窓口を無人としている駅も６９駅あるという。 障害者らの移動に支障が ＪＲ鶴見線の昭和駅＝川崎市川崎区扇町（資料写真） ［写真番号: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=\"
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ページを開く