メタ情報とセマンティック・ウェブ
This page is the table of contents of "The Intruduction to Metadata and Semantic Web". Most parts are written in Japanese, but everybody is welcome. ウェブは人間が読むための「文書のウェブ」から、様々なデータを自在に発見して利用できる「データのウェブ」へと向かいます。セマンティック・ウェブと呼ばれる分野では、このデータのウェブを実現するために、表現のモデルや交換・共有を可能にするオントロジー、そして推論や頼性検証といった各レベルでの技術開発が進められています。メタデータを適切に与えることで、文書情報をこの「データのウェブ」に組み込むことが可能になります。 RDFグラフとリンクするデータ リソースとメタデータの表現 語彙とオントロジー メタデータ
JIS X8341-3:2010 実装チェックリスト — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... JIS X8341-3:2010 実装チェックリスト 以下は、JIS X8341-3:2010 に基づく試験結果表示 (ウェブページ一式) のベース資料となる、当サイトの JIS X8341-3:2010 実装チェックリストです (このリストを基に、達成基準チェックリストを作成しています)。 チェックリストの「実装方法」欄の内容が実行されている場合、「適用」欄および「適合」欄の両方に「○」印を付しています。 「実装方法」欄の内容で実行されていないものについては、「適用」欄に「-」印を付しています。 「適用」欄が「-」印のうち、当サイトで実装要件に含まれる可能性があり、実行可能な場合は、「適合」欄に「○」印を付しています。 「適用」欄が「-」印のうち、実行不可能な場合は、「
Resources for Developers and Publishers
Resources for Developers and Publishers Information and resources to help you develop accessible products and apps. Developing for Accessibility Google encourages developers and publishers to design and build products and applications with accessibility in mind. 1 billion people with disabilities Making applications accessible not only ensures equal access to the roughly 1 billion people in the wo
Web Componentsのアクセシビリティ
IIJ社内で行われている新人向けハンズオン勉強会「IIJ Bootcamp」で行われた "DevOps Overview" です。 開発者と運用者がうまくいくには。効率的な時間の使い方。自動化の話。Kubernetesなどを紹介します。 ▼IIJ Bootcampについて IIJ Bootcampとは、様々な技術に触れることを目的としたIIJ社内で行われている新人向けハンズオン勉強会です。 https://iij.github.io/bootcamp/ 各技術が誕生した経緯・歴史、ほかの技術と比較といった知識を得るためのきっかけとして、さまざまな言語・フレームワーク・ツールに触れて実際に動かすハンズオンを行っています。 カリキュラムにはハンズオンだけでなく、「overview」として技術ジャンルの全体像や歴史などを紹介する回も設けています。
暗黙のARIAセマンティック - Unreviewed
「暗黙のARIAセマンティックと強いネイティヴセマンティックについて」で、暗黙のARIAセマンティックをHTMLに指定するべきかどうか、に絡んだ話がされていましたので、この記事では私の考えを書きます。 私の考え 本来的には、HTMLのセマンティックは単独で伝わるべきもので、暗黙のARIAのセマンティックをHTMLに記述する必要はない 現実には、HTMLのセマンティックを支援技術に提供しないブラウザーが存在する それらのブラウザーの中にはWAI-ARIAをサポートしているものが存在する WAI-ARIAをサポートしHTML5をサポートしていないブラウザーの救済策としてWAI-ARIAを重複指定することが行われている Using ARIA in HTMLの推奨表は現時点での情報であり、将来的には変わるだろう はじめに WAI-ARIAのセマンティックは主に支援技術（スクリーン・リーダーなど）で
2014年のWebアクセシビリティ | gihyo.jp
あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。私は主にフロントエンド技術（HTMLやCSSなど）からWebアクセシビリティを見てきました。本稿では、フロントエンド技術の標準化や実装動向とJIS X 8341-3:2010への対応という側面から見たWebアクセシビリティの短期的な予測を寄稿させていただきます。 Web標準とWebアクセシビリティ HTML5 2014年のWeb標準と言えば、まず、HTML5の勧告が予定されていることが挙げられます。HTML5は既に勧告候補（Candidate Recommendation）に達しており、これから大きく変わることはまずありません。新しい機能の検討は、引き続き、HTML Living StandardやHTML 5.1などで行われるでしょう。 例外は拡張仕様の取り込みと実装されなかった機能の削除です。拡張仕様ではImage
KPIを設定してからUIデザインする | keisuke tsukayoshi
最近デザインで失敗してしまったことがあって、そのときの話。 それはぼくがあるUIの改修に取り組んでいたときに起こった。 起：「ある機能が完成したから、組み込んで」 ぼくに与えられた仕事は、もともと組み込む予定だったある機能のバックエンド側が完成したのでフロント側に組み込む（デザインする）、というものだった。フローのなかに組み込むので置き換える機能があったり前後の流れを変えることも含めて、色々考え始めた。 どういうものがユーザーに求められているのかを軸に、インタビューする前に考えを整理した。 承：ユーザーの使いやすさを求めてデザイン その後何人かにユーザーインタビューをして、どういうものが求められているのかとかどう使っているのかなどだいたいの感触をつかんだら、インタビューでわかった事実をもとに導線設計を始めた。 なかなかいい感じかと思われたが、UIモックが完成したあとのユーザビリティテストで
HTML5 アプリケーションをビルドする - HTML5 によるアクセシビリティの設計
aria-required ウィジェット プロパティの例を以下に示します。 <label for="username">User name:</label> <input id="username" type="text" aria-required="true"> このコードでは、フォームの入力フィールドが必須になります。 図 3 は、ARIA の全状態と全プロパティをまとめたものです。詳細については、bit.ly/OlbLeh (英語) を参照してください。 ARIA と ARIA のロール、状態、およびプロパティについてある程度理解したところで、この ARIA を使用してプログレッシブ エンハンスメントを適用したアクセシビリティ対応の Web サイトを作成しましょう。 アクセシビリティ対応の Web サイトを作成する 通常の Web サイトには、多くのコンポーネントが含まれています。
キーボード操作におけるフォーカスの可視化 | Accessible & Usable
公開日 : 2009年9月13日 (2011年1月11日 更新) カテゴリー : アクセシビリティ Webサイト（ホームページ）を閲覧する際、リンクやフォーム要素（テキスト入力欄やチェックボックス、ラジオボタン、ドロップダウンリスト、サブミットボタンなど）を操作するのに、マウスではなくキーボードを使うケースがあります。音声読み上げの支援技術を使用している視覚障害者はもちろんのこと、晴眼者であっても怪我や障害によってマウスが使えないユーザーは少なくありません。アクセシビリティの面で考えると、Webページは（マウスを使わなくても）キーボードのみで操作できることが重要です。 基本的には、ページ内容をWeb標準に則った適切な「論理構造」にすることで、キーボードによるナビゲーション操作がしやすくなります。ただし、晴眼者のキーボード使用のことを考慮するとそれだけでは不十分で、キーボード操作によってフォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Colour accessibility tools and resources | Vision Australia. Blindness and low vision services
http://www.w4a.info/2015/
アクセシビリティとは - What Accessibility