Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX Researcher & Designer.
Color accessibility: tools and resources to help you design inclusive products I wrote a quick tweet about teaching the basics of accessibility and colors to design students a few months ago that go quite some attention. It brought up some interesting discussions on color accessibility, inclusive design an interesting discussion about the use of emojis. A few people asked me for advice on how to c
Enforcing Accessibility Best Practices with Automatically-Generated IDs
Enforcing Accessibility Best Practices with Automatically-Generated IDs One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don’t have to think about (or at least think as hard about) certain things, fre
EBSCO がアクセシビリティでとても頑張っている（らしい） | kzakza
EBSCO が、アクセシビリティにについてとても頑張っているようです。 Accessibility | EBSCO 上のサイトで紹介されている取り組みを列記するだけでも以下のとおり。いずれも重要なことなのですが、商業ベースで代替テキストの提供までやっているのは、プラットフォームレベルではかなり珍しいのではないか。どこまでやれているのだろうか。学術文献なので、大変ですが、ガイドラインのようなものがあるのでしょうか。 Text-to-Speech: Text-to-speech functionality on HTML full-text articles Transcripts: Transcripts for videos and audiobooks Alternate Text :Descriptive page titles and alternate text for meani
I Used The Web For A Day Using A Screen Reader — Smashing Magazine
A sighted user puts himself in the shoes of a non-sighted user. In this series, Chris Ashton attempts to use the web under various constraints, representing a given demographic of user. I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Today, Chris experiences first-hand difficulties that visu
O'Reilly Japan - デザイニング・ボイスユーザーインターフェース
ボイスユーザーインターフェース（VUI）とはその名の通り、音声によってコンピュータや端末をコントロールして情報のやりとりを行うインターフェースのことを指します。近年、続々とVUIで制御するスマートスピーカーが発売され、日本でも一般家庭に普及しはじめています。VUIは、スマートスピーカーのほか、自動車への搭載をはじめとして今後さまざまなデバイスに適用されていく見込みです。 本書は、音声による対話インターフェースであるVUIのデザインについて解説します。ユーザーの音声への確認やエラー時の対応などの基本的原則から、現在の音声認識テクノロジーや、より高度なユーザとの対話、さらにユーザーテスト、実際に製品をリリースする際に必要になる情報などを取り上げます。本書は、VUIデザインに関する本邦初の本格的な解説書として、音声UXのスキルとテクノロジーに関心のある多くのデザイナー、エンジニア、新規事業担当者
The Accessibility Object Model (AOM) 日本語訳
The Accessibility Object Model (AOM) 日本語訳 このJavaScript APIを作る努力の目的は、開発者にHTMLページのアクセシビリティツリーの変更（ついには探索まで）を許可するためである。 編集者: Alice Boxhall, Google, aboxhall@google.com James Craig, Apple, jcraig@apple.com Dominic Mazzoni, Google, dmazzoni@google.com Alexander Surkov, Mozilla, surkov.alexander@gmail.com 詳細 解説を読む 仕様を読む - 注:アップデートしていない Can I Use Chrome、Safari、Firefox のAOM対応状況 インタラクティブスライドデッキ (for Chrome)
A11Y Style Guide
This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility expertise, there are ways to help contribute to the a11y style guide. Why did this project start? We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer,
色覚シミュレーションツール紹介｜CUD（カラーユニバーサルデザイン）をすすめる会
緊急募集！ 「CUDをすすめる会」では、「２型２色覚」の方で、私たちの活動を手伝ってくれる方を募集しています。
I have resigned as the WordPress accessibility team lead. Here is why.
Update December 5, 2019: As I am no longer part of the accessibility team and don’t follow closely what is happening in WordPress core any more, I’d like to add to following. This post was about the state of WordPress end 2018. In the meantime other people have stepped up and there have been made improvements to the accessibility and there are efforts to change the workflow of a new release and of
The Importance Of Manual Accessibility Testing — Smashing Magazine
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process. Earlier this year, a man drove his car into a lake after following directions from a smartphone app that helps drivers navigate by issuing turn-by-turn directions. Unfortunately, the app’s programming did not include instructions to a
色覚の多様性と視覚バリアフリーなプレゼンテーション
細胞工学Vol.21 No.7～9 2002年7～9月号[色覚の多様性と色覚バリアフリーなプレゼンテーション] ・文章に関しては、秀潤社と著者に著作権がございます。
PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) - 有限会社時代工房
PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) 2018年07月10日 更新 2018年5月に作った、「WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編)」のPDF版です。 PDF版 WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 解説書 + 達成方法集 要約(HTML+CSS+js 編) 2018年5月版（PDF版, 313KB） 姉妹品のPDF版 JIS X 8341-3:2016, WCAG 2.0早見表／逆引き表もあります。 技術 Adobe InDesignでタグ付けしています。その後、Adobe Acrob
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - GoogleChromeLabs/html-a11y-renderer
GitHub - oftheheadland/Colorblindly: Accessibility tool to help developers understand how colorblind users experience their website.
The Accessible Color Generator
Revisting prefers-reduced-motion | CSS-Tricks
GitHub - ghosh/Micromodal: ⭕ Tiny javascript library for creating accessible modal dialogs
Web Platform News
GitHub - NickColley/jest-axe: Custom Jest matcher for aXe for testing accessibility ♿️🃏
Reach Router: Next Generation Routing for React