Color Oracle
Color Oracle is a free color blindness simulator for Windows, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see. Color Oracle applies a full screen color filter to art you are designing, independently of the software in use. Eight percent of all males are affected by color vision impairme
Sim Daltonism
From the perspective of a color blind person, some colors are impossible to distinguish. Sim Daltonism lets you visualize colors as they are perceived with various types of color blindness. Use the camera on your iOS device, or use the Mac app to filter a region of the screen. Sim Daltonism is open source. Take a look and contribute code if you like.
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
Mobile Web Best Practices 1.0
Basic Guidelines W3C Recommendation 29 July 2008 This version: http://www.w3.org/TR/2008/REC-mobile-bp-20080729/ Latest version: http://www.w3.org/TR/mobile-bp/ Previous version: http://www.w3.org/TR/2006/PR-mobile-bp-20061102/ Editors:Jo Rabin, mTLD Mobile Top Level Domain (dotMobi)Charles McCathieNevile, Opera Software [Early Drafts] Please refer to the errata for this document, which may includ
[DRAFT] How People with Disabilities Use the Web: Overview | Web Accessibility Initiative (WAI) | W3C
Introduction How do people who cannot move their arms use your website? What about people who cannot see well or at all? Or people who have difficulty hearing or understanding, or have other disabilities? This resource introduces how people with disabilities, including people with age-related impairments, use the Web. It describes tools and approaches that people with different kinds of disabiliti
![[DRAFT] How People with Disabilities Use the Web: Overview | Web Accessibility Initiative (WAI) | W3C](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c71aff9af9d8b138d96694deb470648e425adb4/height=288;version=1;width=512/https%3A%2F%2Fwww.w3.org%2FWAI%2Fcontent-images%2Fwai-people-use-web%2Fsocial.png)
当サイトの「障害者によるユーザー評価」 実施結果と対応状況（平成21年1月15日現在）：のーまらいふ杉並【障害のある方への生活支援サイト】
当サイトの「障害者によるユーザー評価」 実施結果と対応状況（平成21年1月15日現在） 対象となる障害：視覚障害・聴覚または平衡障害・肢体不自由・言語障害・内部障害・精神障害・知的障害・脳性まひ・進行性筋萎縮・難病・その他 対象年齢：制限なし 『のーまらいふ杉並』はよりわかりやすいホームページを目指し、改善を行っています。 『のーまらいふ杉並』では、よりわかりやすいホームページを目指すために、年に1度、「障害者によるユーザー評価」を行っています。「ユーザー評価」の内容を定例会議で検討した上、ホームページの改善を行っています。今年度、改善した事項は下記の項目です。 今後も使いやすいホームページを目指して、改善していきたいと思いますので、みなさんのご意見もお待ちしています。 情報の分類に起因する指摘事項 （1）想定したところに目的の情報が無かった！ ご指摘内容： グローバルナ
A.A.O.｜レポート 公共サイト運営の最前線
このたび、公共サイトの担当者の方から寄稿していただく「Voice ～公共サイトの担当者が語る～」コーナーは、皆様に公共サイト運営現場のより最新の情報をお届けするため、「レポート 公共サイト運営の最前線」にリニューアルいたしました。 今後このコーナーでは、ご寄稿に加え、公共サイト担当者の方へのインタビュー記事もご紹介してまいります。最近リニューアルされたサイトや、利用者を重視した改善を行っているサイトの担当者の方に、お取り組みの内容や苦労された点など、皆様にお役立ていただける様々なお話をうかがってまいりたいと思います。 なお、公共サイト担当者の方からのご寄稿も引き続きお待ちしております。 ●お気軽に情報をお寄せください。 Ｅメール： office@aao.ne.jp インタビュー 第5回「毎年取組む全庁的なページの改善作業で、職員の意識が向上 ～4年間の試行錯誤と成果とは～」 文京区 企画
カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
音声ブラウザと相性の良いHTMLを作る(1)。 | Junnama Online
先週から「音声ブラウザ用にできるだけ読み上げやすいHTMLに変換するゲートウェイ」なるものを少しずつ書いている。 関連エントリー 音声ブラウザができるだけ読み上げやすいページに変換しようと試みるゲートウェイ(β)。 音声ブラウザができるだけ読み上げやすいページに変換しようと試みるゲートウェイ(続き)。 音声ブラウザと相性の良いHTMLを作る(2)。 音声ブラウザと相性の良いHTMLを作る(3)。 音声ブラウザと相性の良いHTMLを作る(4)。 音声ブラウザと相性の良いHTMLを作る(5)。 毎日少しずつ修正しているのだけれど、どうやって読み上げやすいHTMLへ変換するかについての考え方を(これも少しずつ)書いてみよう。 画像に関する問題 画像には等価なaltテキストが指定されている筈、という前提に立たないで考えないといけないから、どんな条件の場合にはどんな画像が利用されるかについて考えて処
css Zen Garden：CSS デザインの美
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
Six Expected Web Design Trends in 2013
We all know that technology and the virtual world are constantly evolving. Before you know there is a new trend in the market when it comes to web designing.As a web designer, you should be constantly striving to find the latest and trendy ways to improve the entire look of your website If you really want to see how much the web designing industry has progressed, view your website page which was f
みんなの公共サイト運用モデル
「みんなの公共サイト運用モデル」は、国及び地方公共団体等の公的機関のホームページ等（公式ホームページ、団体が提供する関連サイト、ウェブシステム等）が、高齢者や障害者を含む誰もが利用しやすいものとなるよう、「みんなの公共サイト運用モデルの改定に関する研究会」（平成22年9月から平成23年1月開催）による改定方針及び改定案の検討、地方公共団体による改定案の検証・評価を経て、平成23年3月に改定されたものです。ウェブアクセシビリティに関する日本工業規格であるJIS X8341-3:2010に基づき、実施すべき取組み項目と手順等を示しています。 「みんなの公共サイト運用モデル改定版（２０１０年度）」を活用したウェブアクセシビリティの維持・向上の取組を実践するため、以下の各種手引き等について、ファイルを活用することができます。 「みんなの公共サイト運用モデル」の構成 １.「ウェブアクセシビリティ対
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
2011年のWeb標準 | Web標準Blog | ミツエーリンクス
2011年も残すところあと数日となりました。というわけで、Web標準に関する今年の出来事を簡単ですがまとめてみました。 HTML5のLast Call 5月25日に、HTML5がLast Callとして公開されました。 HTML5がLast Callに Last Call期間中には、1500を超えるコメントがバグとして登録されました。 上のエントリでは当時のLast Call後のスケジュールについて触れていますが、その後引き直され、現在は年末までにバグの解決、4月上旬にissueを解決し、次のステップについて発表することになっています。 "Last Call"というラベルではありますが、機能が完成したというわけではありません。他のグループや実装側からのフィードバックによって、仕様には今も大小様々な変更が行われています。 たとえば、Last Call以降、HTML5には次のような機能が追加さ
A Dao of Web Design
What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s. From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics), or something to the Tao Te Ching (the Tao of Pooh). It can be a cheap trick, but lately it has struck me that there is more than a little to be understood about web de
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vischeck: About Daltonize
Vischeck
Amazon.co.jp: 2010年改正JIS規格対応 WEBアクセシビリティ完全カイド: アライド・ブレインズ (著), 日経パソコン協力 (編集): 本
A.A.O.｜レポート 公共サイト運営の最前線 第1回「のーまらいふ杉並 ～試行錯誤を積み重ねて目指す本当のアクセシビリティ～」
New community features for Google Chat and an update on Currents