Pixels vs. Ems: Users DO Change Font Size
Web developers love a good holy war, whether it’s over our favorite JavaScript frameworks or principles like separation of concerns. One that’s always been of interest to me is the battle over CSS units, namely between pixels and relative units like rems and ems. For years, most web designers and developers have been measuring things in pixels. They’re pretty easy to understand — one pixel in code
スクリーンリーダーで操作するジグソー・テキスト - アクセシブルな学習分析とComputer Based Testing
iOSでVoiceOverをHDMIに出力できます。VoiceOverを有効にする画面で「HDMIへ送信」を有効にします。(2020-03-05) 2019年3月2日(土)、3日(日) 情報処理学会 コンピュータと教育研究会(CE) 149回研究発表会 https://ce.eplang.jp/index.php?149%B2%F3%B8%A6%B5%E6%C8%AF%C9%BD%B2%F1 スクリーンリーダーで操作するジグソー・テキスト - アクセシブルな学習分析とComputer Based Testing http://id.nii.ac.jp/1001/00194644/ 参考文献 喜多 敏博, 長岡 千香子, 平岡 斉士, スマートスピーカーを通じたLMS上での学習活動, 情報処理学会 研究報告教育学習支援情報システム（CLE）,2018-CLE-26(16),1-5 (2018
Accessibility, a powerful design tool - Slack Design
When given the choice between an accessible bathroom or a non-accessible one, many people would pick the accessible one: there’s more space, it’s more comfortable, it’s a no-brainer. Digital products are the same. When given the choice, people naturally prefer what’s easier for them to use, to read, or to understand. But designers tend to be reluctant to follow accessibility standards — the design
高齢者が使うアプリケーションのアクセシビリティデザイン｜Goodpatch Blog グッドパッチブログ
この記事は、とある高齢者がメインターゲットのアプリケーションを制作するに当たって、私がデザインを行うために留意していたアクセシビリティデザインに関するポイントや得た学びをまとめています。 これからアプリケーションデザインを行う際に、アクセシビリティについて参考にしていただければ嬉しいです。 今回アクセシビリティデザインをするために行ったことは以下です。 高齢者がスマホを使いこなせるのかを検証する 色のコントラスト比と余白の確保 色覚異常を考慮したカラー選定 数字を考慮したフォント選定 まずは順を追ってそれぞれのフェーズで何をしたのかについて説明したいと思います。 高齢者がスマホを使いこなせるのかを検証する 今回は高齢者向けのアプリだったため、最初に高齢者がスマートフォンを正確に使えるかを検証する必要がありました。そのため、デザイン性を高めることをあえて我慢しました。なぜならフェーズとして「
視覚障害者のインターネット利用特性と問題分析：みんなのウェブ
(1) 一目でトップページの全体像を判断することができないので、まずは自分の目的とするサイトかどうか、どのような内容・機能のサイトかを把握する。 初めて訪れるサイトでは、トップページをひととおり読み上げ、ページの内容や、サイトの機能（サイト内検索ができるか等）、サイト全体の構造を把握する。この際以下のような問題が発生する。 フレームに対応していない音声読み上げソフトでは、フレームのページを別々にしか読めないため、構造が理解しにくい上、操作が困難となる。 広告などが自動的に別の子ウィンドウで表示されると、操作できるアクティブなページが子ウィンドウに移ってしまい、操作が困難となる。 各フレームにタイトル名が入っていないため、フレームの内容がわからず、どのフレームに飛べばよいのかわからない トップページのメニューリンク数があまりに多いと、全体像を把握するのに膨大な時間を要する。 １ページ内の情報
アクセシビリティ
拡大鏡は、デジタル版の虫めがねのように機能します。iPhoneやiPadのカメラを使い、薬のラベルからキャンドルで照らされたメニューまで、レンズを向けたあらゆるもののサイズを拡大できます。視覚に障がいのある方が周囲の状況をより詳しく知りたい時は、拡大鏡の検出モードが役立ちます。カメラ、LiDARスキャナ、デバイス上の機械学習から得た情報を組み合わせることで、人の検出、ドアの検出、画像説明、テキストの検出、指差し読み上げなどの賢いツールを使えるようにします1。 人の検出機能を使うと、列に並んでいる時に近くにいる人との距離を測定できます。ドアの検出機能は、あなたから数メートル以内にあるドアやテキストのほか、トイレや禁煙のサイン、車椅子が使える入口の標識なども識別して、あなたの移動をサポートします。画像説明とテキストの検出により、カメラの視野に入っている人、物、風景、テキストについて、さらに詳し
HTML Accessibility API Mappings 1.0
HTML Accessibility API Mappings 1.0 W3C Working Draft 16 July 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-html-aam-1.0-20240716/ Latest published version: https://www.w3.org/TR/html-aam-1.0/ Latest editor's draft:https://w3c.github.io/html-aam/ History: https://www.w3.org/standards/history/html-aam-1.0/ Commit history Editor: Scott O'Hara (Microsoft) Former ed
Title
はじめに この記事はWebアクセシビリティ Advent Calendar 2018の5番目の記事になります。 自己紹介 私は、最近テレビで紹介された某特例子会社に勤める発達障がい者です。仕事は今SEをしています。 前は自社サイトなどのサイトを作っていました。 私は医師に自閉スペクトラム障がい（いわゆるアスペルガー障がい）と診断されています。 ただ、どうも注意欠陥多動性障がい（いわゆるADHD）も併発しているようで、むしろ自閉スペクトラムよりADHDのほうが強いのではないかと思うほどです。 また、学習障がい（いわゆるLD）については私個人では気にならないレベルですが、表形式のデータやExcel方眼紙を理解しづらいところを考えるとLDの要素がないわけではないと思っています。 なお、知能発達の遅れはありません。 特性としては、気が散りやすく、注意がそがれやすいというところがあります。 裏返すと
義手・義足を多くの人へ届けたい。Xiborg遠藤謙さん、handiii近藤玄大さん | soar（ソア）
義手や義足を多くの人に届けるには？Xiborg遠藤謙さん、handiii開発者近藤玄大さんのアクセシブルな環境をデザインする挑戦 常識は変わる。 一時期、当たり前だったことが、その先もずっと変わらなかったことはありません。障害も、それを補う技術の発達によって、少しずつ変化してきました。 これまでに「点字」「補聴器」「眼鏡」など様々な技術が発明されてきました。 現代では、眼鏡をかけていても、その人を視覚障害者と呼ぶことはありません。新しい道具や機器が発明されることによって、それまでの常識は過去のものとなっていきます。 現代においても、いくつか素晴らしい発明によって、常識に衝撃が走りました。 アスリート向けの美しい義足を開発するXiborg、次世代型電動車椅子を開発するWHILL、電動義手を開発するexiii。こうした人々が、これまでにない視点、技術、デザイン性を持ってプロダクトを開発し、世に
Using ARIA to enhance SVG accessibility - TPGi
Jaws 15 and Internet Explorer 10 is the best combination at present, although nested SVG images are not well supported. NVDA and Internet Explorer present the role, title and desc, but support is erratic with multiple images announced and repetition of the title and desc. In all other browser/screen reader combinations the SVG is ignored. ARIA enhanced SVG accessibility It is possible to enhance t
The Business Case for Digital Accessibility | Web Accessibility Initiative (WAI) | W3C
This article examines the rationale for organizations to address accessibility. It includes tangible and intangible benefits, and the risks of not addressing accessibility adequately. It explores how accessibility can: Drive Innovation: Accessibility features in products and services often solve unanticipated problems. Enhance Your Brand: Diversity and inclusion efforts so important to business su
Backlog、スクリーンリーダー向けアクセシビリティの改善を実施 -- 視覚障がいを持つ方もより利用しやすいサービスへ | プレスリリース | 株式会社ヌーラボ(Nulab inc.)
Backlog、スクリーンリーダー向けアクセシビリティの改善を実施 — 視覚障がいを持つ方もより利用しやすいサービスへ ＜トピックス＞ 100万人が利用するプロジェクト管理ツール「Backlog」が、スクリーンリーダー向けアクセシビリティの改善を実施 視覚障がいを持つ方もより利用しやすいサービスとなるよう、今後も段階的に改善を図る Webアクセシビリティ・コンサルタントの植木真様にアドバイスを頂き、スクリーンリーダーを利用する「Backlog」ユーザーの方に検証していただきながら改善を検討、実行 株式会社ヌーラボ（本社：福岡県福岡市、代表取締役：橋本正徳、以下 ヌーラボ）が提供している、チームのコラボレーションを促進するプロジェクト管理ツール「Backlog」は、スクリーンリーダー向けアクセシビリティの改善リリースを実施しましたのでお知らせします。視覚障がいを持つ方もより利用しやすいサービ
『いらすとや』の素材を色覚障がいの視点から見てみた
いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋
Colorblindly - Chrome Web Store
Simulates colorblindness in your web browser. Colorblindly is an extension that helps developers create websites for the people with colorblindness by allowing them to simulate the experience those users have on websites. There are 8 different settings to experience: -Blue Cone Monochromacy / Achromatomaly -Monochromacy / Achromatopsia -Green-Weak / Deuteranomaly -Green-Blind / Deuteranopia -Red-W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective
Accessibility | GeekGirlCon
SNSの代替テキスト機能をまとめつつ、あれこれ思う。
Developing an Accessibility Statement | Web Accessibility Initiative (WAI) | W3C
Time traveller's guide to accessibility mechanics
Designing accessible web with privacy - when web browsing reveals information