やらねば.com - アクセシビリティの情報サイト
アクセシビリティの情報サイト アクセシビリティを考えると ものの価値が見えてくる スクリーンリーダーや拡大鏡といったアクセシビリティ機能を利用して、パソコンやスマートフォン iPhone iPad を操作する方法。 それらの技術を活用する為のバリアフリーサイト制作に関する情報を更新しています。 スクリーンリーダーとは 画面上の表示を読み上げるソフトウェアです。 スクリーンリーダーを使用する事で、視覚障害者やロービジョン、弱視であってもパソコンや携帯端末の操作が可能になります。 当サイトでは、スクリーンリーダーに関するアクセシビリティ情報も更新して行きます。 主なスクリーンリーダー Windows ナレーター Windows に標準で搭載されているスクリーンリーダー NVDA - NonVisual Desktop Access オープンソースで開発が進められている無料で使えるソフトウェア
今からでも遅くない！誰も教えてくれなかった React とアクセシビリティーの世界
この記事は Front-End Study #3 で発表されたライブコーディングの内容を記事にしたものです。記事中のソースコードは GitHub でご覧いただけます。 この記事は、これまで一般的なフロントエンドエンジニアだった私が一年ほどアクセシビリティーについて勉強する上で 「最初に教えてくれればよかったのに〜！」と思った内容 を React と Next.js を用いて紹介するものとなっています。 読み終わった後に次にコードを書く際にふと意識できるようなアクセシビリティーの普遍的な事実を紹介し、最後に今後の React の動きについて軽く触れるものになっています。目次は次のとおりです： 基本事項 SPA のルーティングによる問題 リッチなコンポーネントでの例 Jest + React Testing Library でのテスト Reactとアクセシビリティーの今後の動き 役に立つweb
キーボード操作を意識したHTML/CSSコーディング
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
NVDA日本語版
NVDAとは NonVisual Desktop Access (NVDA) は 無料（オープンソース GPLv2）のWindows 用 スクリーンリーダー（音声読み上げソフト）です。 オーストラリアの非営利法人 NV Access を中心とする コミュニティが開発を行っています。 NVDA日本語チーム 本家版NVDAの日本語対応と NVDA日本語版のリリースを行っています。 対応システム Windows 11/10/8.1/8/7(SP1) Windows Server は 2008 R2 以降 Windows 32ビット版 64ビット版 ARM64版に対応 対応していないシステム Windows RT, Windows Mobile, Sモード インストーラーを実行すると 使用許諾契約のダイアログが表示されます。 チェックボックス「同意する」をチェックすると、その下にある 「このコンピ
■障害者のホームページ利用方法の紹介ビデオ
ここではウェブアクセシビリティ維持・向上の取組の必要性を強く実感していただくため、障害者の方のウェブページ利用方法を紹介した映像等をご覧いただけます。 総務省では、平成17年度に視覚障害者（全盲・弱視）、肢体不自由者の方のウェブページ利用状況を紹介するビデオを制作・公表しました。 その後、ビデオの陳腐化や「障害を理由とする差別の解消の推進に関する法律（平成25年法律第65号）」の施行等により、公的機関のウェブアクセシビリティ確保が重要になっていることを鑑み、平成28年7月1日に「視覚障害者（全盲・弱視）のウェブページ利用方法紹介ビデオ」を更新いたしました。
Accessibility Object Model
The Web Platform has a long history of features that developers can use to make their web content accessible to users with disabilities, from the alt attribute on images to the entirety of [[!WAI-ARIA]]. Accessibility is used by a variety of assistive technologies, including screen readers and magnifiers for visually impaired users, and switch access software and speech-controlled software for mot
既存 Web アプリケーションのアクセシビリティを向上させるときによくあるヤツと対応方針
アクセシビリティ向上メモ 最初から考慮されているのが一番ですが、そうでもなかったプロダクトに手を入れるときのあるあるを記録します。既存プロダクトはモノが出来上がってしまっているため根治的なリファクタリングよりも基本的には省力で済ませたいので、今回書いた対応方法も完璧よりは省力路線です。 HTML やらセマンティクスに関する知識はそれなりにあるつもりでしたが、AT やマシンリーダビリティを念頭に勉強し直すと自分で作ったものも至らなかったなと振り返らざるを得ない今日この頃。初期設計のときの考慮範囲が拡がったように思うので善きかなです。 各項目について、もっと良い解法や誤り等あれば twitter とかでご指摘ください。 1. 画像に alt 属性がない場合 付けましょう。付けます。はい。 昔から基本とも言うべき、HTML/CSS 書きとしては耳にたこができるほど言われてきたことなので今更感もあ
HTML5 accessibility
HTML5 Accessibility Get the current accessibility support status of HTML5 features across major browsers. Editor’s draft, April 2022 Chrome 100 on Windows 10 98.7% Edge 100 on Windows 10 100% Firefox 100.0b7 on Windows 10 98.5% Internet Explorer 11 on Windows 10 56% Safari 15.4 on Mac OS 95.5% This site tests which newish HTML5 features are accessibly supported by major browsers. This includes if
視覚障碍者プログラマのためのツール | POSTD
『 Autobiography of a Blind Programmer(視覚障碍者プログラマの自伝) 』という記事を投稿した後、コンピュータをどのように使っているのか、どのようにコードを書いているのか、そしてどのように抽象的概念を理解しているのかよく聞かれました。 先週この記事を書き始めたのですが、話が脱線しがちになることに気が付きました。ツールに関係のない過去の話を持ち出してしまっていました。個人的な好みやなぜ好んでいるのかを長々と説明していました。なぜこのようなことを言っているのか。 それは、上のリンクの記事、『 Autobiography of a Blind Programmer(視覚障碍者プログラマの自伝) 』をぜひ読んでいただきたいのです。もし、その気になれない場合は、頭の片隅にでも置いておいてください。私の経歴に興味がわいた時にでも読んでください。 前置きはこのくらいにし
自己紹介と技術情報 [ja.nishimotz.com]
[[自己紹介と技術情報]] ja.nishimotz.com 現在位置: 自己紹介と技術情報 自己紹介と技術情報 西本卓也 (Takuya Nishimoto) 株式会社シュアルタ Facebookページ 会社概要 nishimotzの事業 kikurakoの事業 ペットについてのあれこれブログ オフィスと連絡先 〒732-0828 広島県広島市南区京橋町1−7 アスティ広島京橋ビルディング1階（fabbit広島駅前） 電話 050-3196-3652 ファクス 050-3156-3652 info [at] shuaruta.com nishimotz の情報 LinkedIn Docswellスライド slideshareスライド 学歴と職歴 職務経歴 バイオグラフィ 著書 学会発表 YouTube 動画 nishimotzの日記 Twitter 日本語 @24motz Faceboo
The Paciello Group Blog » HTML5: Techniques for providing useful text alternatives
The latest in accessibility law, strategy, program management, and news, as well as upcoming events, and articles on web development issues, techniques, design patterns, auditing, WCAG, and resources of a technical nature. TPGi blog articles are grouped into two main categories: Articles that focus on strategic and managerial aspects of web accessibility, providing insights on creating inclusive d
FrontPage
アクセシビリティメモ/社内用「アクセシビリティJIS(JIS X 8341-3) 理解度テスト」をシェア アークウェブでは昨年後半に、書籍「よくわかる ウェブ・アクセシビリティ&ユーザビリティ(改訂版)」をテキストにとしてアクセシビリティの勉強会をXR(エクストリームリーディング)形式で行いました。 またその後で、社員全員が確実に知識を活かせるようにするためにペーパーテストを作成して試験を行い、スタッフ全員が合格(95点以上)となるまで追試しました。 2009年2月現在、すでにWAI(Web Accessibility Initiative)からはRIAなどウェブの最新動向に対応したWCAG2.0(Web Content Accessibility Guidelines 2.0)が勧告として出され、今年後半には日本のアクセシビリティJISも改訂されるようです。その意味では2004年に発表さ
'アクセシビリティ'って何? - Ancient library
よくアクセシビリティという言葉が使われますが、アクセシビリティとは何なのか、アクセシビリティに配慮したコンテンツを作成するにはどうしたら良いのか、という点に付いて、ここでは触れていきたいと思います。 なお、元としている文書は、W3C で公開されている Web Content Accessibility Guidelines 1.0 を元としています。 アクセシビリティとは、簡単に言うとどれだけ目的のリソースが入手しやすいのか、という事になります。ここでの入手とは、単に手元にデータのコピーを持ってくるという単純なアクセスを意味するものではなく、リソースに含まれている情報に対する入手性を指します。 これはどういうことなのかというと、例えば画像だけで構成されたコンテンツには、画像を閲覧できる人だけが、その画像が持っている情報を入手することができます。こうした場合に、画像の内容を示す、画像の代わり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Defining ‘Toast’ Messages
GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.
GitHub - mike-engel/a11y-css-reset: A small set of global rules to make things accessible and reset default styling
W3C仕様のスタイル変更とフルキーボードアクセス | アクセシビリティBlog | ミツエーリンクス
Accessibility Developer Tools
Accessibility - MozillaWiki