マークアップをパワーアップするWAI-ARIA
私たち @masuP9(わかり手) 株式会社サイバーエージェント @o_ti(キレ手) 株式会社まぼろし マークアップ生まれ マークアップ育ち フロントエンドエンジニア 受託魔族はだいたい友達 #deisui_html_radio ウェブ制作をこじらせたオレたちが 歩いてきた道は何か、進むべき道はどこかを探る （ただの飲み配信） 目次(role="directory") WAI-ARIAってなに WAI-ARIAでできること WAI-ARIAをどういうときに使うの WAI-ARIAの前に WAI-ARIAってなに <header role="banner"> hogehoge </header> WAI-ARIAは、ウェブコンテンツおよびアプリケーションの アクセシビリティと相互運用性を改良するための フレームワークを提供する技術仕様である。 Accessible Rich Interne
第7回 okayama-js 実践 WAI-ARIA
※ P.83に注釈を追加しました。 2017-06-10（土）に倉敷物語館にて行われた「第7回 okayama-js」でのスライドです。
aria-live: the good, the bad and the ugly
Almost all web sites and web applications today are heavily reliant on JavaScript to provide rich interactions for the user. But how can we make these interactions accessible for assistive technologies such as screen readers? The answer is WAI-ARIA – and in many cases, the aria-live property. The presentation will explore the use of WAI-ARIA and the aria-live property to alert screen readers to ch
Accessible Rich Internet Applications (WAI-ARIA) 1.0 日本語訳
[contents] Accessible Rich Internet Applications (WAI-ARIA) 1.0 W3C Recommendation 20 March 2014 This version:http://www.w3.org/TR/2014/REC-wai-aria-20140320/Latest version: http://www.w3.org/TR/wai-aria/ Previous version:http://www.w3.org/TR/2014/PR-wai-aria-20140206/Editors:James Craig, Apple Inc. Michael Cooper, W3CPrevious Editors: Lisa Pappas, Society for Technical Communication Rich Schwerdt
WAI-ARIAの誕生と現状 | コラム | ミツエーリンクス
WAI-ARIA（WAI Accessible Rich Internet Applications）という仕様が策定中であるのをご存知でしょうか？ WAI-ARIAは、様々なWebコンテンツをよりアクセシブルにするためにW3CのWAI（Web Accessibility Initiative）が作成した技術仕様と関連文書の総称です。 本コラムでは、WAI-ARIAとは何か、について軽くご紹介します。 アクセシブルでないリッチコンテンツの台頭 現在、多くのWebサイトが(X)HTMLとCSSだけでは表現することができない様々な機能をJavaScript、Adobe Flash、Silverlightなどを用いて補完しています。例えば、MJLが提供している各種機能（特にタブインターフェイス）もそのひとつです。 しかしながら、(X)HTMLだけでは表現することができない様々な機能は、実現する方
WAI-ARIA（日本語訳）：日立のユニバーサルデザイン
WAI-ARIAとは、Web Accessibility Initiative-Accessible Rich Internet Applicationsの略で、W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。JavaScriptやAjaxなどを使用した動的なコンテンツは、スクリーンリーダーやキーボード操作では利用できないことがあります。WAI-ARIAは、そういった問題を解決すべく、W3CのProtocols and Formats ワーキンググループ (PFWG) において策定されています。 WAI-ARIAの関連文書群の原文は英語ですが、日本におけるこの仕様への理解と普及が進む一助になればと、日立が社内用に翻訳した文書を日立のユニバーサルデザインサイトで公開します。Webサイト、Webシステムのアクセシ
WAI-ARIA 1.0 Primer
An introduction to rich Internet application accessibility challenges and solutions W3C Working Draft 14 July 2016 This version:http://www.w3.org/TR/2016/WD-wai-aria-primer-20160714/Latest version: http://www.w3.org/TR/wai-aria-primer/ Previous version:http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916/Editors: Lisa Pappas, SAS and STC Richard Schwerdtfeger, IBM Michael Cooper, W3C Copyright ©
Accessible Rich Internet Applications (WAI-ARIA) 1.0 (W3C Recommendation 20 March 2014)
Accessible Rich Internet Applications (WAI-ARIA) 1.2 W3C Recommendation 06 June 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-wai-aria-1.2-20230606/ Latest published version: https://www.w3.org/TR/wai-aria-1.2/ Latest editor's draft:https://w3c.github.io/aria/ History: https://www.w3.org/standards/history/wai-aria-1.2 Commit history Implementation report: https
HTML5 + WAI-ARIA: 入門篇
このサイトを HTML5 でリニューアルした際に保留としたまますっかり忘れかけていましたが、ようやく WAI-ARIA を導入してみました。 WAI-ARIA は W3C の Web Accessibility Initiative (WAI) が公開している技術仕様で、Web コンテントや Web アプリケーションのアクセシビリティを強化することを目的としています。具体的には、Web ブラウザや支援技術 (AT) がコンテントのセマンティクスをより適切に認識できるよう、HTML ドキュメントに要素の「役割」や「状態」といった詳細な情報を付与するものです。名称に RIA とあるように、Ajax などによるリッチ・インターネット・アプリケーションをおもな対象とした仕様ですが、HTML5 によるシンプルな Web ページに取り入れることもできます。ここでは WAI-ARIA の HTML5 へ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
