prefers-reduced-motionでアニメーション（視差効果）を減らす設定をしたデバイスに対応させる
2023年2月7日 CSS, アクセシビリティ アニメーションのあるWebページって、見るのも作るのも好きなんですが、みなさんはいかがでしょう？中には動きが苦手で目が疲れてしまう、画面酔いしてしまう…なんていう方もいらっしゃるかと思います。今回はアニメーションが苦手な方のためにWebサイト側でできることを考えてみます。 ↑私が10年以上利用している会計ソフト！ アニメーションを減らす設定 アニメーションによって画面酔いしてしまったり、動きがつくと内容が理解できなくなるという方は、OS側で視覚効果を減らす設定をしているかと思います。そういった設定をしている場合は、CSSでWebサイトのアニメーションもなくす、あるいは軽減させる指定が可能です。 設定方法 まずはアニメーションを減らすためのOS側の設定方法から紹介します。 Windows 10: 設定 → 簡単操作 → ディスプレイ → アニメ
Instagram Accessibility Updates | Instagram Blog
We are responsible for ensuring Instagram is not only available but also accessible to everyone. According to the World Health Organization (WHO), nearly 2.2 billion people live with vision impairments and over 430 million people live with hearing loss. To better meet the needs of these and other disability communities, Instagram includes support for a variety of accessibility features built into
2022年5月19日（木）オンラインセミナー「GAAD Japan 2022」まとめ
2022年のGAADは、5月19日（木曜日）！ 毎年5月の第3木曜日は、GAAD（Global Accessibility Awareness Day）の日。 世界各地で デジタル分野（Web、ソフトウェア、モバイルなど） の「アクセシビリティ」を考える一日です。 昨年に続き、全国各地のどこからでも、そして海外からでも参加できるオンラインセミナー「GAAD Japan 2022」が開催されました。 また、全てのセッションで「UDトーク」を使用した字幕を画面上で提供しました！ ※ちなみに、GAADは[「ギャード」]と発音します。 GAAD Japan 🇯🇵 @GAAD_jp 【本日5/19（木）9:45〜20:00】 YouTubeでライブ配信 着席・離席はいつでも自由 youtu.be/9BJdg_c93ig UDトーク字幕（ウェブブラウザで見る） live.udtalk.jp/073
やさにちウォッチのルビ(ruby - ふりがな)のスタイル (改訂版)
この記事は アクセシビリティ Advent Calendar 2021 アイコン別ウィンドウで開きます の第1日目の記事です。 この記事は PowerCMS X Advent Calendar 2021 アイコン別ウィンドウで開きます の第1日目の記事です。 この記事は やさしい日本語 Advent Calendar 2021 アイコン別ウィンドウで開きます の第10日目の記事です。 ※ Advent Calendar用に新規記事の作成も考えましたが、ルビをフル活用した ウェブコンテンツに関する実装ノウハウとして纏まっているほうが後の役に立ちそうだったので大幅に加筆して、改訂版としました。 「やさにちウォッチ」 アイコン別ウィンドウで開きますは私たち(アルファサード株式会社) アイコン別ウィンドウで開きますが運営する「やさしい日本語の情報をやさしい日本語で発信する」オウンドメディアです。す
アクセシブルなサイトリニューアルのチェック項目
検討したり、例外を適切に設けるために使うものです。 要件定義 バックエンドシステム・CMSが以下に対応している 入力フォームに時間制限はない 入力フォームの入力チェック機能は適切なエラーメッセージがでる 出力されるHTMLが仕様に準拠したHTML 画像に代替テキスト(alt属性)が入れられる 動画にクローズドキャプションを追加できる 自動的に生成されるウィジェットがアクセシブルになっている 画像のポップアップ（モーダル）機能など 3rdパーティのウィジェットやASPがアクセシブルである 動画埋め込み 地図埋め込み サイト内検索 自動翻訳機能 チャットボット 情報設計 情報設計に問題がない・情報を管理できている ナビゲーション設計が適切でどのページにもたどり着ける リンクテキストとリンク先ページタイトル・見出しに乖離がない ページタイトルとh1見出しに乖離がない サイト内でページタイトルに重
ビジョントレーニング無料プリント・ドリル教材30選 | メノコト365 byわかさ生活
ビジョントレーニングという言葉を聞いたことがありますか？ ビジョントレーニングは、アメリカで開発された視覚機能、つまり「見る力」を高めるトレーニングです。最近では日本でも、アスリートのトレーニングや子どもの療育などに利用されています。 そこで今回は、ビジョントレーニングを試してみたい人に、インターネット上で見ることができ、家でも気軽に試すことができるメノコト365の「無料プリント、ドリルの教材」を紹介します。 【ビジョントレーニング注意事項】 ・眼に病気がある方、また気になる方は、眼科を受診してビジョントレーニングを行うことが可能かどうか医師に確認してください。 ・遠視、近視、乱視などがありメガネなどで矯正する必要がある場合は、矯正を行ってからトレーニングを始めてください。 ・トレーニング中に眼の痛みを感じた場合はトレーニングを中止して、眼科を受診してください。 ビジョントレーニングってど
THEATRE for ALL
大人気ゲームを原案とするミュージカル『刀剣乱舞』出演の刀剣男士、髭切（三浦宏規）・膝丸（高野 洸）による公演 音声ガイド 手話 バリアフリー字幕
第8回Webグランプリ アクセシビリティ賞、審査委員特別貢献賞を発表！｜公益社団法人 日本アドバタイザーズ協会 デジタルマーケティング研究機構
第８回Webグランプリ アクセシビリティ賞、審査委員特別貢献賞を発表！ 361社が加盟（2020年10月末現在）する公益社団法人日本アドバタイザーズ協会Web広告研究会（所在地：東京都中央区銀座 代表幹事：中村 俊之）は、第８回Webグランプリ（https://award.wab.ne.jp/）の企業グランプリ部門「アクセシビリティ賞」受賞サイト、「審査委員特別貢献賞」受賞者を決定いたしました。 【企業グランプリ部門 「アクセシビリティ賞」受賞サイト】 ■グランプリ 「がいし」とは 日本ガイシ株式会社 https://www.ngk.co.jp/gaishi/ ■優秀賞 ソニー生命保険（株）公式サイト ソニー生命保険株式会社 https://www.sonylife.co.jp/ ■優秀賞 JAL企業情報サイト 日本航空株式会社 https://www.jal.com/ja/ ■優秀賞 ニ
ウェブ制作に活かすユニバーサルデザインの視点
この記事は、2019年12月7日に名古屋で開催された WCAN 2019 Winter での登壇内容をテキスト化したものです。アクセシビリティ Advent Calendar 2019 の 9日目のエントリーです。 当日使用したスライドは SpeakerDeck で公開しています。 ウェブ制作に活かすユニバーサルデザインの視点｜SpeakerDeck はじめに 「ユニバーサルデザインとウェブ」と聞くと、あまり馴染みがないように思われるかもしれません。しかし実は、ウェブは生まれながらにユニバーサルな性質を持っています。ワールド・ワイド・ウェブの考案者ティム・バーナーズ＝リーは、次のように述べています。 The power of the Web is in its universality. ウェブは、世界中の誰もが、自分の好きな場所で、好きなデバイスで、好きな時にアクセスすることができます。
Web Story のアクセシビリティ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Webアクセシビリティ提訴件数、米国では昨年の2.8倍に。法律で義務づけられる海外の現状［CSUNレポート］【第2回】 | イベント・セミナー | Web担当者Forum
「アクセシビリティ」をテーマに、年に1度開催されているグローバルカンファレンス「CSUN（シーサン）」。今年の参加メンバーがレポートする本連載記事の第1回では、インフォアクシアの植木氏がCSUNの全体像をレポートしました。 第2回ではコンセントのディレクター中村が、CSUNで参加してきたセッションから、アクセシビリティの提訴コストに関するセッションと ADHD （注意欠如多動性障害）の当事者の方によるセッションをご紹介します。 アメリカでWebアクセシビリティ関連の提訴件数が、激増している第1回で触れたように、先進国のほとんどではWebアクセシビリティの確保が法律で義務付けられています。CSUNでも法律をテーマとしたセッションが多く開催されており、6つあるセッション分類カテゴリの1つとなっています。 海外ではこれらの法律を根拠として、訴訟に発展する事例が出ており、グローバル展開する企業の担
あまり知られていない、アクセシビリティに効果があるHTML要素のまとめ
「HTMLは簡単だよ」という声をよく聞きます。 確かに、HTMLは他のプログラミング言語よりも習得が容易であると言うことに同意はしますが、軽く考えるべきではありません。 HTMLは強力なマークアップ言語です。Webアプリケーションに構造を与え、強力なアクセシビリティの利点を提供するために使用できますが、それは適切に使用された場合に限られます。中でも、あまり知られていないHTML要素を紹介します。 10 HTML Elements You Didn't Know You Needed by Emma Wedekind 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Audio要素 Blockquote要素 Output要素 Picture要素 Progress要素 Meter要素 Template要素 Time要素 Video要素
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
freeeアクセシビリティー研修パブリック・ビューイング - Webで実践編 #freee_a11y 関連ツイート
Pentel「INCLUSIVE DESIGN PROJECT：視覚障害者と表現するよろこびを探究する！」中間報告ムービー
Homepage - Access Guide
NaviLens EMPOWERING the visually impaired
https://jp.techcrunch.com/2020/11/16/2020-11-10-treviranus-butler-and-fruchterman-to-speak-at-sight-tech-global/
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
色弱とは? 日本人男性の20人に1人いる「色の見え方が少し違う人々」のために | イベント・セミナー
Keyboard Accessibility Tips Using HTML and CSS | Envato Tuts+