A11yAutomation
A11y Automation Tracker A more thorough way to track the potential accessibility violations and the automated linters and tests currently available. Accessibility Automation Catch potential a11y violations faster. It can be hard to keep track of the potential accessibility violations in your code. More automation is being created for linting rules and tests-- and now there is a single site to trac
APCA Contrast Calculator
Click on a color patch next to "Text" or "Background" above to use the HTML5 color-picker (modern browsers). Otherwise enter color values in the text-box as a three or six digit hex value, the '#' is not necessary. Other valid entries are integer rgb(r,g,b) or an HTML color name (see bottom of page for list). PROBLEMS? Try a "Forced Reload" on your browser, and/or clear the cache. This is the APCA
48 Browser Extensions to Perform Accessibility Testing • DigitalA11Y
Browser Extensions to Perform Accessibility Testing Effectively The following browser extensions will help evaluate various accessibility testing tasks. This list is continuously updating so please feel free to add more extensions in the comments or notify if any of the extensions are outdated. Chrome Extensions BrowserStack Accessibility Toolkit It is a free Chrome extension that identifies acces
Adobe Color | アクセシビリティツール
Web 上で視覚的に利用可能なカラーテーマを作成して、Creative Cloud ライブラリに保存し、クリエイティブな作業で使用する方法を説明します。 人々のためにデザインする時は、誰もが使えるようにすることを考えるべきです。 これはカラーにも当てはまります。 一般的に「色覚多様性」と呼ばれる人が世界の人口の 3 ～ 8 ％ を占めることは、驚くべき事実かもしれません。 通常それは、女性より男性に多く見られる、ある遺伝子によって引き起こされます。 白人を例にとると、色覚多様性の割合は男性で 12 人に約 1 人であるのに対し、女性では 200 人にわずか 1 人となります。つまり、選択したカラーに対して誰もが同じように認識するわけではないということです。 選択したカラーをユーザーがどのように認識する場合があるかを理解することは、自分のデザインが必ずしもすべての人に対応しないことに気付いた
Colorblind Web Page Filter Testing Tool & Simulator | Toptal®
What are color blind anomalies? Please indicate a resource to be viewed, and a color filter to be applied to that resource. Use the Colorblind Colorlab to select safe colors earlier in the design process. Learn more about colorblindness in this Wikipedia entry. This tool is still in development, but feedback is welcome while we work on it. If you only use one filter, use the greyscale filter which
Creating contrast-based themes with Leonardo
Recently we launched Adobe’s open-source tool Leonardo with the goal of empowering designers and engineers to create accessible-first color palettes. Since then, we’ve been continuing to evolve Leonardo — the engine that drives the adaptive color theme for Adobe’s design system, Spectrum. This latest update is for authoring adaptive themes in both the npm module and the web tool. This means buildi
Webページの読み込み速度やアクセシビリティを自動でチェックしてくれるChrome拡張「Lighthouse」
Googleは2018年7月からモバイル検索のランキング要素としてページの読み込み速度を使用すると発表しています。このように、ページの読み込み速度はだんだんと重要性を増してきていますが、Chromeの拡張機能「Lighthouse」を使えば、自分のサイトの読み込み速度だけでなくPWAへの対応状況やSEO対策状況などを簡単に計測してスコアで表示できます。 Lighthouse によるウェブアプリの監査 | Tools for Web Developers | Google Developers https://developers.google.com/web/tools/lighthouse/ LighthouseにはChromeの拡張機能版とコマンドライン版がありますが、今回はChromeの拡張機能版を使用していきます。 Lighthouse - Chrome ウェブストア https:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Huetone • Make colors accessible
TABPANEL WIDGET
Pika • Super High Fives
ButtonBuddy - Accessible button contrast generator
Stark: The suite of integrated accessibility tools for your product design and development team
ZOOMの字幕（クローズドキャプション）に送信する方法
Sim Daltonism
Leonardo
WCAG - Contrast Checker
https://github.com/dequelabs/axe-core/blob/master/README.md