Long live the modern browser! Browsers are getting better these days. We seem to be in a golden age where there’s a never-ending stream of new features added for the benefit of the users accessing the page, and really great tools for those creating the page. It hasn’t always been the case, though. Earlier versions of today’s browsers had limited features, and we had to consider how to work with —
There’s an article circulating that claims accessibility and aesthetics are at odds with each other, creating a paradox that forces us to compromise. Here’s why I find that belief completely and utterly false: That is a false equivalenceThe article claims that if we are “too accessible,” we will meet the needs of the minority but end up hurting those of the majority. This creates a false equivalen
「ロービジョン」をご存知ですか?視覚障害という言葉を聞くと、多く人は、全く見えない「全盲」という状態を連想するかと思います。しかし実際には、視覚障害とされる方の中には、わずかながら見えるという方もいます。 わずかでも視力があるなら、眼鏡やコンタクトレンズで視力の矯正をすれば良いと思うかもしれません。しかし、矯正しても十分な視力が得られない人もいます。また、視野が狭い、視野の一部が欠けているなど、別の要因で見えにくい人もいます。 このように、矯正をしても見えにくい状態を「弱視」あるいは「ロービジョン」と言います。実は、視覚障害とされる方の6割が「ロービジョン」だと言われており、割合としては全盲の方よりも多いのです。 では、ロービジョンの方はどのようにしてWebを利用するのでしょうか? この問いの答えは、一言で言うと「人によって異なる」です。先に述べたように、ロービジョンといっても見え方はさま
トップ レポート 「Webアクセシビリティのよくある10の勘違い。あなたはマインドセットを変革できるか」2019年7月23日開催 月例セミナーレポート(4) 「Webアクセシビリティのよくある10の勘違い。あなたはマインドセットを変革できるか」2019年7月23日開催 月例セミナーレポート(4) イベント報告 「アクセシビリティ対応したサイトはデザイン性に劣る」 「視覚障害者のためにアクセシビリティを確保する」 「アクセシビリティ対応ではコーダーにがんばってもらう」 「文字拡大ボタンや色反転ボタンはアクセシビリティで重要」 ――そんな風に思っているあなたは、Webアクセシビリティを誤解しているかもしれない。 公益社団法人日本アドバタイザーズ協会Web広告研究会(以下、Web広告研究会)は7月23日に月例セミナーを開催。「誰のためのUX? ~アクセシビリティを再確認しよう~」というテーマのも
Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens. With this in mind, we recently updated the colors in our user interfaces to be more accessible. Text and icon colors now reliably have legible contrast throughout the Stripe Dashboar
A common design pattern is to have something like a “card” element that has to be fully clickable. This is usually because it links to another page or triggers a JavaScript action. The problem though, is that often, you end up with stuff that looks like this: You should absolutely never attach a click event to a <div> element, though, even if you sprinkle it with aria roles to “fake” a real button
(Hey, we're having problems showing images in RSS right now, so if you want a better reading experience, consider viewing this article online [here](https://zellwk.com//blog/design-focus-style. We hope to fix this soon!). Focus is important. It tells us what element we're currently focusing on. Most developers suggest keeping the default focus style. I think there are problems with the default sty
What is 見え〜るAlt 数百ある画像にAltを指定したのはいいけど、最終確認する時に見返すのが面倒だなと思う時ってありますよね。見え〜るAltはそんな悩みを解決するために作られました。 WEBページの作成をしていると数十という数の画像を使うことなんてよくあること。時には数百にも及ぶこともあります。それら全てとまではいかなくとも、ある程度の数を手動でAlt指定し、ソースコードとにらめっこしながらミスチェックするのはしんどい作業に違いありません。 そんな時はこの見え〜るAltを使ってみてはいかがでしょうか。 Altを画像の上にオーバレイしてページ上で視覚的にチェックすることが可能になります。 使い方は至って簡単。ChromeウェブストアでDLし、機能をONにするだけ。Altの確認以外に英字Altの日本語翻訳やWikipedia検索などもワンボタンで利用できます。 使い方 このページの左
“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” – Tim Berners-Lee Accessibility is an important element of web development, and with the ever-growing prevalence of video content, the necessity for captioned content is growing as well. WebVTT is a technology that solves helps with captioned content as a subtitle format that integrat
1 Introduction The BBC Academy has produced an online guide to subtitling. If you are new to subtitling, please start there. Subtitles are primarily intended to serve viewers with loss of hearing, but they are used by a wide range of people: around 10% of broadcast viewers use subtitles regularly, increasing to 35% for some online content. The majority of these viewers are not hard of hearing. Thi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く