タグ WAI-ARIA
人気順 5 users 50 users 100 users 500 users 1000 usersrole 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita
role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのかHTMLアクセシビリティWAI-ARIA 最近、いくつかの場面でWebアクセシビリティについて、コーディングに関する技術的な説明をする機会がありました。そのなかで、そもそもWAI-ARIAというものが、どういう立ち位置のものなのかがわかり... 続きを読む
WAI-ARIA 準拠には CSS Modules が最適という話
CSS と WAI-ARIA 「WAI-ARIA」はブラウザー・支援技術が認識できる「意味」を注釈することで、ユーザーの理解を助ける技術です。この与えられた注釈は CSS にも共有され、意味をたよりに装飾の手がかりとすることができます。 セマンティックな「状態」表現 特別な理由があり「セマンティックではない」以下の様なマーク... 続きを読む
マークアップを進化させる WAI-ARIA の基本
マークアップを進化させる WAI-ARIA の基本 私 @masuP9 WAI-ARIAとは何か WAI Web Accessibility Initiative ARIA Accessible Rich Internet Applications WAI-ARIAは、ウェブコンテンツおよび アプリケーションのアクセシビリティと相互運用性を改良するためのフレームワークを提供する技術仕様である。 Accessible Ric... 続きを読む
WAI-ARIA対応のタブ型UIの作り方(Vue.js編) - ICS MEDIA
この記事は『WAI-ARIA対応のタブ型UIを実装する方法』の続きです。 WAI-ARIAはアクセシビリティーの改善に役立つと先の記事で紹介しました。この記事ではWAI-ARIAに対応したVue.jsでのタブのユーザーインターフェースを解説します。 サンプルをGitHubにアップしているので、デモとソースコードをご覧ください。 別ウイン... 続きを読む
マークアップをパワーアップするWAI-ARIA
私たち @masuP9(わかり手) 株式会社サイバーエージェント @o_ti(キレ手) 株式会社まぼろし マークアップ生まれ マークアップ育ち フロントエンドエンジニア 受託魔族はだいたい友達 #deisui_html_radio ウェブ制作をこじらせたオレたちが 歩いてきた道は何か、進むべき道はどこかを探る (ただの飲み配信) 目次(role="d... 続きを読む
WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する ::ハブろぐ
タブ UI のアクセシビリティ対応 この記事は、下記の点に留意してご覧いただきたい。 タブ UI におけるアクセシビリティ対応(主に WAI-ARIA)の参考実装であること React コンポーネントとしての機能性は二の次のサンプルであること アクセシビリティ実装についてのツッコミは歓迎であること ひさびさにPCキーボード的なアクセシビリティ対応が必要そうな性質のサービスを開発することになったので... 続きを読む
Webアクセシビリティが今熱い!基本からしっかりと学びたい、より深く身につけたい人にオススメできる本 | コリス
Webサイトやアプリにおけるアクセシビリティについて学んでみたい、そして身につけたい、と考えている人は多いと思います。 「WAI-ARIA」「Web標準」「セマンティック」など、アクセシビリティに関する用語の解説レベルだけでなく、実務ですぐに使える具体的な方法も数多く掲載されたオススメの本を紹介します。 アクセシビリティってこういうことだったんだ!と分かる一冊です。 本書はSmashing Mag... 続きを読む
2015年のWebアクセシビリティ:新春特別企画|gihyo.jp … 技術評論社
新春特別企画 2015年のWebアクセシビリティ 2015年1月1日 黒澤剛志 Web標準, Webアクセシビリティ, HTML, WAI-ARIA この記事を読むのに必要な時間:およそ 2 分 あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。本稿では,昨年に引き続いて,2015年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 HTML5がW3C勧告に 2... 続きを読む