WAI-ARIAを学ぶときに整理しておきたいこと
結論 ロールについて知る HTMLの暗黙のロールを知る ロールを知った上でロールに対して使用できるプロパティ/ステートを使う (おまけ) markuplintを使おう aria属性を使う前に まず、いきなりaria-labelやaria-selectedとかに手を出さない。 aria-selectedとかを発見してしまうと「option要素以外にもselectedみたいな意味を付加できるんだ！すげえ！使ってみよう！」みたいな気持ちが沸き上がってしまう。わかる。とってもよくわかるよ。当時ぼくもそうだったから。 ただ、そこはぐっと我慢してほしい。 なぜかと言うと、aria属性は、使っていいときと悪いときがある。きちんとWAI-ARIAという仕様と、ARIA in HTMLやCore Accessibility API Mapping (Core-AAM)という仕様で決められていっている[1]の
aria-expandedのよくある間違い | masuP.net
WAI-ARIAの中で、コンテンツが展開されているかどうかの状態を表すaria-expandedは、WAI-ARIAの中でもよく使われている属性のうちの一つ[注1]ですが、誤った使い方をみかけることも少なくありません。また私自身も間違った理解のまま使用していた時期もありました。 [注1] : 出典 Usage of ARIA attributes - Analysis - Discuss - HTTP Archive そこでaria-expandedのよく見かける間違いと、仕様に基づいた正しい使い方をまとめました。 間違いその1：aria-hiddenとaria-expandedを混同する aria-expanded は要素、または要素が制御する別のグループ化要素が、現在展開されるまたは折りたたまれるかどうかを示す。ステートです。要素そのものが隠れているかどうかを示すaria-hidden
マークアップをパワーアップする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
WCAG 2.0 達成方法集
【注意】 この文書は、W3C ワーキンググループノート Techniques for WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。 【重要】 達成方法のタイトルが英語のままになっているものは、日本語訳を行っていないため、原文 (英語) にリンクしています。 【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 達成方法集 WCAG 2.0 の達成方法と失敗例 W3C ワーキンググル
SkipTo
SkipTo, version 4.1 by PayPal Accessibility Team and University of Illinois See the Authors section for more information. SkipTo is a replacement for your old classic “Skipnav” link, (so please use it as such)! The SkipTo script creates a drop-down menu consisting of the links to the important places on a given web page. The menu will make it easier for keyboard and screen reader users to quickly
Accessible datepickers | Axess Lab
Accessible datepickers Published 6 September 2017, by Hampus Sethfors Datepickers often cause problems to assistive technology users and fail several basic criteria in the Web Content Accessibility Guidelines (WCAG). But datepickers can – and should – be made accessible. Here is how to do it and a few examples you can steal or get inspired by! Criteria for accessible datepickers Don’t force people
Accessible emoji - Tink - Léonie Watson
Emoji help us communicate complex ideas very easily. When used in native apps and applications, emoji are reasonably accessible to screen readers, but on the web we need to do a little more to make sure everyone can understand emoji. An emoji is an ideogram (a picture that represents an idea or concept). Unlike an image that is displayed from a (.png, .gif or .jpg) file, an emoji is displayed usin
最新のアプリ - アクセシビリティを備えた最新のアプリの設計と開発
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 アクセシビリティを備えた最新のアプリの設計と開発 Rachel Appel インターネットやアプリなどさまざまな形態のメディア技術は、利用者にとって有益だからこそ価値があります。残念なことに、世の中にはすべての人々にとって有益とはいえないソフトウェアがたくさんあります。設計者、管理者、開発者は、多くの場合、アクセシビリティよりもセキュリティやパフォーマンスに注意を払います。アクセシビリティは、ソフトウェアにおける優先事項の 1 つであったとしても、たいていは優先度が下げられてしまいます。 アクセシビリティの優先度をもっと上げるべきです。WebAIM では、Web ユーザーの 20 パーセントがアクセシビリティ
ARIA in HTML
ARIA in HTML W3C Recommendation 07 May 2024 More details about this document This version: https://www.w3.org/TR/2024/REC-html-aria-20240507/ Latest published version: https://www.w3.org/TR/html-aria/ Latest editor's draft:https://w3c.github.io/html-aria/ History: https://www.w3.org/standards/history/html-aria/ Commit history Implementation report: https://w3c.github.io/html-aria/results/implement
Opera News
Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt
「辻ちゃん・ウエちゃんのアクセシビリティPodcast」第36回 | アクセシビリティBlog | ミツエーリンクス
アクセシビリティPodcast 第36回をお届けいたします。今回のPodcastでは、WAI-ARIAとスクリーン・リーダーの対応状況についてをご紹介いたします。どうぞお楽しみください。 概要 第36回では以下の内容についてお送りいたします。 ARIA Landmarkについて Live Regionコンテンツの読みあげ なお、話題にあがっているサイトなどのリンク先につきましては、「全文を読む」のリンクよりテキスト化された内容でご確認ください。 聴取方法のご案内 ブラウザ上で再生される方は、下記のFlash Playerをご利用ください。 ダウンロードしてその他のプレイヤーで再生される方は、ダウンロードボタンよりmp3ファイルをダウンロードの上、ご利用ください。 音声がご利用いただけない環境の方には、本エントリーの最後にテキスト化された内容を提供いたしております。 また、iTunesなどR
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
IBM Blog
https://aat.mybluemix.net/auth/tools/dap.html?accountId=bf0f98a4-c49c-4879-90f4-b423af8ab5d0
(X)HTML5 validation results for http://hsivonen.iki.fi/test/moz/html5-hacks-demo.html - Nu Html Checker