role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのか - Qiita

2024/09/16 104 users ARIA Qiita コーディング Webアクセシビリティ

role 属性とは、aria-* 属性とは、WAI-ARIA とは、いったい何なのか、いつ使うべきなのかHTMLアクセシビリティWAI-ARIA 最近、いくつかの場面でWebアクセシビリティについて、コーディングに関する技術的な説明をする機会がありました。そのなかで、そもそもWAI-ARIAというものが、どういう立ち位置のものなのかがわかり... 続きを読む

WAI-ARIA 準拠には CSS Modules が最適という話

2021/06/18 11 users セマンティック 準拠 CSS Modules 注釈 手がかり

CSS と WAI-ARIA 「WAI-ARIA」はブラウザー・支援技術が認識できる「意味」を注釈することで、ユーザーの理解を助ける技術です。この与えられた注釈は CSS にも共有され、意味をたよりに装飾の手がかりとすることができます。 セマンティックな「状態」表現 特別な理由があり「セマンティックではない」以下の様なマーク... 続きを読む

マークアップを進化させる WAI-ARIA の基本

2020/11/14 11 users ウェブコンテンツ アクセシビリティ フレームワーク 技術仕様

マークアップを進化させる 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

2019/04/02 35 users アクセシビリティー ICS MEDIA GitHub タブ

この記事は『WAI-ARIA対応のタブ型UIを実装する方法』の続きです。 WAI-ARIAはアクセシビリティーの改善に役立つと先の記事で紹介しました。この記事ではWAI-ARIAに対応したVue.jsでのタブのユーザーインターフェースを解説します。 サンプルをGitHubにアップしているので、デモとソースコードをご覧ください。 別ウイン... 続きを読む

マークアップをパワーアップするWAI-ARIA

2018/10/19 51 users role 目次 フロントエンドエンジニア パワー ウェブ制作

私たち @masuP9(わかり手) 株式会社サイバーエージェント @o_ti(キレ手) 株式会社まぼろし マークアップ生まれ マークアップ育ち フロントエンドエンジニア 受託魔族はだいたい友達 #deisui_html_radio ウェブ制作をこじらせたオレたちが 歩いてきた道は何か、進むべき道はどこかを探る （ただの飲み配信） 目次(role="d... 続きを読む

WAI-ARIA 対応のアクセシブルなタブ UI を React で実装する ::ハブろぐ

2015/06/13 30 users 二の次 アクセシブル ツッコミ React 性質

タブ UI のアクセシビリティ対応 この記事は、下記の点に留意してご覧いただきたい。 タブ UI におけるアクセシビリティ対応（主に WAI-ARIA）の参考実装であること React コンポーネントとしての機能性は二の次のサンプルであること アクセシビリティ実装についてのツッコミは歓迎であること ひさびさにPCキーボード的なアクセシビリティ対応が必要そうな性質のサービスを開発することになったので... 続きを読む

Webアクセシビリティが今熱い！基本からしっかりと学びたい、より深く身につけたい人にオススメできる本 | コリス

2015/03/27 33 users コリス セマンティック Webアクセシビリティ 本書 実務

Webサイトやアプリにおけるアクセシビリティについて学んでみたい、そして身につけたい、と考えている人は多いと思います。 「WAI-ARIA」「Web標準」「セマンティック」など、アクセシビリティに関する用語の解説レベルだけでなく、実務ですぐに使える具体的な方法も数多く掲載されたオススメの本を紹介します。 アクセシビリティってこういうことだったんだ！と分かる一冊です。 本書はSmashing Mag... 続きを読む

2015年のWebアクセシビリティ：新春特別企画｜gihyo.jp … 技術評論社

2015/01/01 49 users Webアクセシビリティ gihyo.jp 新春特別企画 本稿

新春特別企画 2015年のWebアクセシビリティ 2015年1月1日 黒澤剛志 Web標準, Webアクセシビリティ, HTML, WAI-ARIA この記事を読むのに必要な時間：およそ 2 分 あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。本稿では，昨年に引き続いて，2015年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 HTML5がW3C勧告に 2... 続きを読む