role 属性を正しく設定してアクセシビリティを高める
role 属性は、要素が示す役割を明確にするための属性です。 例えば、header 要素はコンテンツの header か、あるいはサイト全体の header を示すことなどができますが、 どちらの header であるかを明確に区別する手段はありません。 しかしながら、role 属性の値 banner によって、コンテンツ固有の header ではなく、サイトの持つ header であることを示すことができます。 HTML5 以降の HTML は、ある役割を示す要素が多く存在しますが、role 属性はより強く役割を示します。 role によって役割を明確にする意味 role 属性は HTML などで使いますが、role 属性に与える値や役割は HTML とは切り離された ARIA と表記される区分に定義されています。 Accessible Rich Internet Application
What is WAI-ARIA, what does it do for me, and what not? - Marco's Accessibility Blog
What is WAI-ARIA, what does it do for me, and what not? On March 20, 2014, the W3C finally published the WAI-ARIA standard version 1.0. After many years of development, refinement and testing, it is now a web standard. But I am often asked again and again: What is it exactly? What can it do for me as a web developer? And what can it not do? I often find that there are assumptions made about WAI-AR
WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today - Marco's Accessibility Blog
After my recent post about WAI-ARIA, which was mostly geared towards web developers, I was approached by more than one person on Twitter and elsewhere suggesting I’d do a blog post on what it means for screen reader users. Well, I’ve got news for all my blind and visually impaired readers: You’re not getting one blog post, you’re getting a whole series instead! 🙂 This blog post will kick it off,
Easy ARIA tip #3: aria-invalid and role "alert" - Marco's Accessibility Blog
I know, I know, it’s been a while since I posted my last Easy ARIA tip. But I’m hoping that this one will find you all excited and willing to play with it some more! The problem: You have a form, a contact form, for example, that you want to put some accessible error checking into. Common problems are e-mail addresses that are not valid, or a name that does not contain at least a first and a surna
Easy ARIA tip #2: aria-labelledby and aria-describedby - Marco's Accessibility Blog
Sorry it took me so long to get back to it, but here it is, my second tip on the usage of some easy ARIA markup to make your sites more accessible. Imagine this: You have a form where you ask your user a question, but the answer is actually part of the sentence the question is made of. A classic example we all know from our browser settings is the setting “Delete history after x days”. “Delete his
Easy ARIA Tip #1: Using aria-required - Marco's Accessibility Blog
Inspired by a conversation I had with Aaron the other day, I’m starting a mini series about easy accessibility improvements you can accomplish using ARIA, but which do not require you to implement a whole widget. Some ARIA attributes also work on plain old standard HTML elements and can easily improve accessibility within supported browsers and screen readers. On browsers that do not support these
Easy ARIA Tip #4: Landmarks - Marco's Accessibility Blog
Yes, they’re back! This is the fourth Easy ARIA Tip in a trilogy of Easy ARIA Tips. 🙂 This week, WebAIM published the results of their second screen reader survey. One of the things to note for me was that not many users seem to be aware of a feature in the WAI-ARIA (Accessible Rich Internet Applications) specification called landmarks. This article aims to provide an easy to follow guide to impl
WAI-ARIA導入（日本語訳） - Trans
著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど
The WAI-ARIA Windows screen reader shootout - Marco's Accessibility Blog
Firefox 3.5 has been released, and now it’s time to take a look at what features of WAI-ARIA are being supported by which Windows screen reader. Competition is healthy in this market, and two new screen readers have started supporting Firefox during the 3.5 development cycle: Dolphin’s Hal/SuperNova and Serotek’s System Access (including the free SAToGo offering). So to document the current state
WEB+DB PRESS Vol.49 WAI-ARIA: Days on the Moon
現在発売中の WEB+DB PRESS Vol. 49 にて Accessible Rich Internet Applications (WAI-ARIA) に関する記事を書かせていただきました。2009 年は Web アクセシビリティの年になるという噂をどこからともなく聞きつけてこのテーマにしたのですが、ちょうど WAI-ARIA 1.0 の最終草案も公開されよいタイミングになったのではと勝手に思っています。 WAI-ARIA とは何なのか、詳しいことは雑誌記事を参照していただくとして、簡単に言えば JavaScript で構築した RIA を機械的に認識するための仕様です。たとえば JavaScript でこったボタンを作ったとしましょう。利用者がどうやって「それがボタンである」ということを認識するかといえば、「周りから浮き出ていてマウスカーソルを乗せると色が変わる」といった感覚によ
TwitterでWAI-ARIAの雰囲気を理解する - Trans
（追記2008年9月5日）属性のことをタグと書き間違えていた箇所を修正しました。（id:kitsさんより） Twitterの投稿文字数の制限というのはWAI-ARIAを理解する上で手っ取り早いサンプルだと思います。 @media 2008のプレゼンテーション資料 今年5月29日と30日にロンドンで行われたらしい@media 2008で、WAI-ARIA: It’s Easyというプレゼンが行われました。スライドも公開されています。 僕にとってWAI-ARIAというのは直感的に理解しにくいという面があったので、このブログでもあまり取り上げてこなかったのですが、このスライドの事例が自分にとって「ストン」と腑に落ちる部分があったので紹介します。 Ajaxとスクリーンリーダーの課題 WebサイトでAjaxの導入が進むに連れて、スクリーンリーダーが対応できないという課題がいろいろと出てきています。そ
Enhancing TabView Accessibility with WAI-ARIA Roles and States
YUI Blog Development Enhancing TabView Accessibility with WAI-ARIA Roles and States Enhancing TabView Accessibility with WAI-ARIA Roles and States The YUI TabView Control is built on a strong foundation of semantic markup that provides users with some basic accessibility. But while TabView looks like a desktop tab control, screen readers don't present it as an atomic widget, leaving users to figur
WAI-ARIA関連文書の日本語訳 | アクセシビリティBlog | ミツエーリンクス
当Blogや、アクセシビリティPodcastなどでも既に何度もとりあげておりますように、リッチなインターネットアプリケーションをアクセシブルにするための仕様である、Accessible Rich Internet Applications (WAI-ARIA) は、今後のWebアクセシビリティにおける重要な仕様のひとつです。 そのWAI-ARIAに関する一連の文書のうち、以下の3つの日本語訳が日立のユニバーサルデザインのWebサイト上で公開されています。（WAI-ARIA（日本語訳）：日立のユニバーサルデザイン） WAI-ARIA Version 1.0 エディターズドラフト 2008年5月14日版 WAI-ARIAの概略 2008年2月4日版 WAI-ARIA についてよくある質問 2008年6月3日版 今まで英語であるために敬遠していた方もいらっしゃるかと思いますが、この機会に一度目を
Googleのショーケースで学ぶaxsjax（第1回） | アクセシビリティBlog | ミツエーリンクス
AJAXをはじめとしたRich Internet ApplicationをアクセシブルにするためのWAI-ARIAというW3Cの仕様が作成中です。そして、WAI-ARIAを利用し、AJAXコンテンツをスクリーン・リーダーや音声ブラウザ利用者にも使用できるようにするため、axsjaxというプロジェクトがGoogleによって進められています。 axsjaxによって、筆者をはじめとした音声読み上げ環境のユーザーがどのようにAJAXコンテンツを利用可能になるのか、Google訪問時に1年ぶりに再会したCharles Chen氏が開発されたFirefox用のアドオン、Fire Voxでの動作検証の結果を元に、今回から4回に分けてご紹介したいと思います。まずその前提として、AJAXとWAI-ARIAの関係について述べたいと思います。 AJAXとWAI-ARIA AJAXは、Web開発者がWebアプリケ
WAI-ARIAの現状と課題 | Web標準Blog | ミツエーリンクス
Webアプリケーションでアクセシビリティを確保するための仕様、WAI-ARIAの新しい草案が2月4日に公開されています。 WAI-ARIA Version 1.0と名づけられた新しい仕様は、昨年公開された二つの技術仕様（RolesとStates and Properties）を統合したものです。内容はほとんど完成しているようで、年内にはに完成するとの見解も示されています。技術仕様だけではなく、入門文書やベストプラクティスの草案も公開されています。 仕様の策定だけではなく、ブラウザや支援技術の対応も既に進んできているようです。夏ごろにリリース予定のFirefox 3はWAI-ARIAを完全サポートするようですし、JAWSやWindow-Eyesといったスクリーンリーダーもサポートを表明しています。また、JavaScriptツールキットであるDojoは早くからWAI-ARIAをサポートしていま
New resources on making Ajax and related technologies accessible
Dateline Monday 4 February 2008: WAI publishes new WAI-ARIA documents for developers, and new overview material for everyone. For the last two years or so, the W3C Web Accessibility (WAI) has been working on technical specifications to support making rich Web applications and sites designed with Ajax (also known as AJAX) and related technologies accessible to people with disabilities. The work has
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
