タグ

アクセシビリティに関するnakagawのブックマーク (34)

  • リハビリテーション法第508条 - Wikipedia

    項は、アメリカ合衆国のリハビリテーション法第508条について解説する。リハビリテーション法第508条(以下「第508条」)は、合衆国法典では合衆国法典第29編第794d条 29 U.S.C. § 794dである。 アメリカ合衆国議会は1998年、「1973年リハビリテーション法」(en:1973 Rehabilitation Act)を25年ぶりに大幅修正した。それにより、アメリカ連邦政府の機関は、機関が所有する電子技術や情報技術のアクセシビリティを向上し、身体障害を持つ人でも使いやすくするよう義務付けられた。情報へのアクセスが難しいと、情報を得るのが遅くなるからである。 第508条は「情報アクセスの技術的障壁を取り除き、身体障害を持つ人でも利用できることを目指すとともに、これらの達成を早めるための技術開発を促進すること」と定められた。この法律はすべての政府機関に対して、電子技術や情報技

  • 国内外の規格やガイドライン|基礎知識|エー イレブン ワイ[WebA11y.jp]

    Webアクセシビリティに関連する各種ガイドラインを紹介。各ガイドラインに関する詳細な解説ページを順次追加していきます。 Webコンテンツ全般 日工業規格『JIS X 8341-3』 2004年6月に初めて制定。その後、2010年8月、2016年3月に改正。正式名称は『高齢者・障害者等配慮設計指針-情報通信における機器,ソフトウェア及びサービス-第3部:ウェブコンテンツ』。 最新版は『JIS X 8341-3:2016』で、W3C勧告の『WCAG 2.0』をそのまま採用した国際規格『ISO/IEC 40500:2012』の一致規格。つまり、JIS規格と国際規格は、いずれもW3Cのガイドラインと同じ内容になっている。 『JIS X 8341-3:2016』規格票の購入|JSA Web Store(日規格協会) 規格票の閲覧(「X8341-3」で検索)|日工業標準調査会(JISC) ウェブ

    国内外の規格やガイドライン|基礎知識|エー イレブン ワイ[WebA11y.jp]
  • 総務省|情報バリアフリー環境の整備|みんなの公共サイト運用ガイドライン(2024年版)

    令和6年度「公的機関向けウェブアクセシビリティ対応講習会」の申込みを開始しました。 みんなの公共サイト運用ガイドライン(2024年版)を公開しました。 令和5年度「公的機関のウェブアクセシビリティ対応の促進に関する調査報告書」及び「公的機関のウェブアクセシビリティ対応の促進に関する調査報告書概要版」公開しました。 令和5年度公的機関向けウェブアクセシビリティ対応講習会の模様を公開しました。 ウェブアクセシビリティに関する啓発資料を公開しました。 「みんなの公共サイト運用ガイドライン」(以下、「運用ガイドライン」という。)は、国及び地方公共団体等の公的機関(以下、「公的機関」という。)のホームページ等が、高齢者や障害者を含む誰もが利用しやすいものとなるように、公的機関がウェブアクセシビリティの確保・維持・向上に取り組む際の取組の支援を目的として作成された手順書です。 なお、総務省では、JIS

    総務省|情報バリアフリー環境の整備|みんなの公共サイト運用ガイドライン(2024年版)
  • Web アクセシビリティと呼ばれているものと Web アプリ開発現場に思いを寄せて

    捉え方と考えの整理 Web アプリケーション開発屋として Web アクセシビリティをどのように捉え、どのように付き合っていくべきかの考えを書いてみます。昨今の Web サービスにおいてアクセシビリティは Web の領域だけで果たされるものではなくアプリとかも含めてだよね、という向きはありますが話が広がりすぎるので今回は Web の中に留めます。 自分が Web におけるアクセシビリティとは何なのか?と考えるときは「多様なクライアント環境に対する配慮」と「制限をもつユーザーに対する配慮」の2面で捉えています。前者はあくまで Web に関する技術的な配慮であり、後者は Web に限らず包括的なアクセシビリティとしての配慮またはその社会的要請です。 多様なクライアント環境や Web に対するニーズへの配慮 Web ページを参照できるユーザーエージェントやデバイスの数が多いのは言うまでもなく、これ

    Web アクセシビリティと呼ばれているものと Web アプリ開発現場に思いを寄せて
  • Web アクセシビリティ向け Node.js 製の自動チェックツールや DevTools 用の拡張機能など

    アクセシビリティを担保するプロセス作り この記事は Web Accessibility Advent Calendar 2016 - Adventar の 12 日目の記事です。 UI 実装の再考と a11y - Frontrend Vol.8 LT でも述べましたが、Accessibility is a Process, Not a Project ということでアクセシビリティ対応するプロジェクトではなく、アクセシビリティを担保するプロセスを作りましょうということで、チェックツールをいくつか並べて俯瞰してみます。対象読者は自分と同じようなクライアントサイドの Web アプリケーション屋さんということにしておきます。 ちなみにアクセシビリティ評価ツールについては 3 日目のアクセシビリティ方針、報告書、試験支援ツールa11ycのご紹介 (Web Accessibility Advent C

    Web アクセシビリティ向け Node.js 製の自動チェックツールや DevTools 用の拡張機能など
  • アクセシビリティ方針、報告書、試験支援ツールA11ycのご紹介 (Web Accessibility Advent Calendar 2016) - 有限会社時代工房

    アクセシビリティ方針、報告書、試験支援ツールA11ycのご紹介 (Web Accessibility Advent Calendar 2016) 2016年12月03日 更新 | タグ: アクセシビリティ まくら Web Accessibility Advent Calendar 2016の12月3日を担当させていただきます、有限会社時代工房の柴田です。 初めてのアドベントカレンダーだし、余裕を持って原稿を完成させておきたかったのですが、気がついたら、目前に迫っていました。けっきょく、isee! Working Awardsの授賞式に向かう新幹線の中で記事を書いています。 でも、けっして遊んでいたわけでなく、アドベントカレンダーで紹介する予定だったウェブアクセシビリティ確保支援ツールのデバッグとリファクタリングに時間をかけていました。 それでもまだ、いじり足らないところはあるのですが、Go

    アクセシビリティ方針、報告書、試験支援ツールA11ycのご紹介 (Web Accessibility Advent Calendar 2016) - 有限会社時代工房
  • 少しずつアクセシビリティ意識する - Hatena Developer Blog

    こんにちは、アプリケーションエンジニアの id:nanto_vi です。はてなでは週 1 回、エンジニアとデザイナーが参加する社内勉強会が開かれています。その勉強会にて「少しずつアクセシビリティ意識する」という発表を行ったので、発表資料を公開します。 なぜするの? 何をするの? とりあえず何をするの? 例: テキストラベルを付与する アイコンフォントを使った例について (2017-08-30 16:00 追記) 例: キーボードで操作できるようにする 例: キーボードで操作している場所が分かるようにする 例: マウスホバーでもタブ移動でもメニューが開くようにする 例: 文字を読みやすい色にする 例: 入力手段を限定しない 終わりに なぜするの? コミュニケーションや、情報との出会いの機会を増やすことで、社会を豊かにします ミッション - 株式会社はてな 事業者は、その事業を行うに当たり、(

  • 10 guidelines to improve your web accessibility

    There’s a quote by Tim Berners-Lee, Director of W3C and inventor of the World Wide Web, that says, “The power of the web is in its universality”. As people who make a living by making websites, it’s our responsibility to ensure everyone has access to them. Web accessibility seems like a tall order on paper, but it’s definitely much easier than it sounds. Our ten web accessibility guidelines are de

    10 guidelines to improve your web accessibility
  • Webアクセシビリティの勉強に役立つツールやWebサイト、書籍いろいろ

    2015年4月1日 アクセシビリティ, 便利ツール, 色彩 以前からWebアクセシビリティにはちょこちょこ勉強中の私です。しかしWebアクセシビリティについて書かれたサイトやってあまり多くなく、リソースを探すだけで苦労してしまったり…。そんなわけで今回はWebアクセシビリティのチェックに使えるツールや役立つ、Webサイト、ブログなどを集めてみました。 ↑私が10年以上利用している会計ソフト! アクセシビリティとは? 「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や身体の制約に関係なく誰でも使えるという意味で使われます。どのような状況でもWeb上のコンテンツや機能を十分に利用できるWebサイトを「アクセシブルである」と言えます。 「ユーザビリティ」と混同されがちですが、使えないものを使えるようにするのがアクセシビリティの向上、使いにくいものを使いやすくするの

    Webアクセシビリティの勉強に役立つツールやWebサイト、書籍いろいろ
  • WAI-ARIAを活用したフロントエンド実装 | 第1回 role属性、aria属性の基礎知識

    WAI-ARIAを活用したフロントエンド実装 第1回 role属性、aria属性の基礎知識 Webコンテンツアクセシビリティを確保するさまざまな仕様のうち、WebサイトやWebアプリケーションで活用できるrole属性とaria属性について取り上げます。まず、両者の基礎的な知識から解説します。 はじめに 情報アクセシビリティに関する法整備などの背景もあり、アクセシビリティの確保は、今後、エンジニアとして無視できない技術となってきました。 あなたがこれまで、アクセシビリティに対して、あまり興味のないマークアップ・エンジニアフロントエンドエンジニアだったとしても、HTMLSVGの追加仕様であるWAI-ARIA(ウェイ・アリア)を理解すれば、Webサイトのアクセシビリティを強化できるのはもちろんのこと、CSS設計やJavaScriptでのUI実装の際にも、WAI-ARIAの考え方を役立てるこ

    WAI-ARIAを活用したフロントエンド実装 | 第1回 role属性、aria属性の基礎知識
    nakagaw
    nakagaw 2017/07/18
    ".Link[aria-diabled="true"]"
  • Adobe Photoshop CS4 - Photoshop CS4 カラーユニバーサルデザインとその実践例

    アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。

    Adobe Photoshop CS4 - Photoshop CS4 カラーユニバーサルデザインとその実践例
  • カラーユニバーサルデザイン 色覚の多様性

    国際学会でのプレゼンを成功させるには、聞き手を引きこむ英語スピーチに加え、見やすいスライド作りも重要な鍵となります。より多くの人に伝わりやすく・わかりやすいスライドを作るために覚えておきたい「カラーユニバーサルデザイン」について迫る連載シリーズです。 「色」とは、物体に反射または透過した光が眼に入り、網膜、視神経を経て脳で感知されるものです。進化の過程で色覚に関与する遺伝子に多型が生じたため、色の見え方には個人差があり、血液型のように分類することができます。 色覚の仕組み 図2-1 視細胞の種類(CUDOおよびハート出版より許可を得て転載) 光源から物体に当たって反射した光は、ヒトの眼に入ると角膜、瞳孔、水晶体を通り、網膜の一番奥の層にある視細胞に到達します。視細胞には明暗を感じる約1億個の杆体と、色を感じる約700万個の錐体があります。錐体には、ヒトの可視光の波長約400〜700 nmの

    カラーユニバーサルデザイン 色覚の多様性
  • Chromatic Vision Simulator

    About "Chromatic Vision Simulator - Web Edition" This software is a color vision experience tool for color normal individuals that can simulate three most common deficient types of congenital color vision, i.e. Protanopia, Deuteranopia and Tritanopia. Although this is a web-application coded with HTML5 + Javascript and is based on the "Chromatic Vision Simulator" smart-phone edition, it works with

  • アイコンの実装方法

    ウェブページにおけるアイコンの実装方法はさまざまです。マークアップに img 要素を配置する方法もあるし、CSS から背景画像やアイコン・フォントを使う方法もあります。そういった中からどの方法を採用すべきかを判断するには、HTML Standard の Requirements for providing text to act as an alternative for images にあるとおり、「そのアイコンの意味を伝えるテキストが付随するかどうか」を考える必要があります。 テキストが付随しないアイコン 家のアイコンだけでホームページへのリンクを表す場合など、ラベルとしてのテキストが存在しないアイコンは、自分自身でその意味を伝える必要があります。こういったアイコンの実装方法は限られていて、ほぼ 1 つしかありません。alt 属性に代替テキストとしてラベルを指定した img 要素をマー

    アイコンの実装方法
    nakagaw
    nakagaw 2015/12/24
    “画像やアイコン・フォントが利用できない環境ではアイコンは表示されないため、あくまでラベルとしてのテキストが付随する場合にのみ採用すべき方法”
  • Home - The A11Y Project

    Marcy Sutton Testing AccessibilityA self-paced workshop designed to teach you the principles and effective patterns of accessibility, from design to deployment. Learn more about this workshop Michele Williams Introduction to Web AccessibilityUnderstanding how people use their computing devices is vital to understanding the diversity of disability in technology. In this video, Michele explains what

    Home - The A11Y Project
  • http://blog.e-riverstyle.com/2014/12/svg.html

    http://blog.e-riverstyle.com/2014/12/svg.html
    nakagaw
    nakagaw 2014/12/15
    SVGのアクセシビリティ
  • Webアクセシビリティ専門の情報提供サイト - エー イレブン ワイ[WebA11y.jp]

    聞いたことあるけど、そもそも何? 一応知ってるつもりというか... 基だけは押さえておきたい! え? 「あたりまえ体操」?? そんなサイト運営者、Web制作者の皆さんを対象にした初心者向けの講座です。

  • Webアクセシビリティのポイント ホームページリーダー v3.02 読み上げテスト

    付録. ホームページリーダー v3.02 読み上げテスト ここでは、音声読み上げウェブ・ブラウザであるIBMのホームページリーダーが記号等をどのように読み上げるかをテストした結果を紹介します。 ページの内容 数字・単位など 記号・かな など HTMLの記述による読み 音声サンプル 数字・単位など ※基的に、小文字および頭文字のみ大文字の英字は英単語として読み上げますが、大文字のみの場合は、基的にABC(エービーシー)のように1字ずつ読み上げます。以下には1字ずつ読み上げないもののみ挙げました。 ※基的に、英字の全角・半角の違いでは読みは異なりません。 年月日 2003年5月14日 2003/5/14

  • Joruri公式サイト

    Joruri CMS Ver.3 お問い合わせ 初期型 Joruri CMS ダウンロード(GitHub) お知らせ 2023年08月04日【重要】Joruri CMS ver.3以下のサポート終了について 2022年02月16日Joruri CMS 3.1.8をリリース 2021年08月24日Joruri CMS 3.1.7をリリース 2021年02月09日Joruri CMS 3.1.6をリリース 2020年12月03日Adobe Flash Player 削除における影響と対応について 最新版Joruri CMS 2020の情報はこちらから パンフレット 自治体向けWebアプリケーションソフトウェアシリーズ Joruriパンフレット(2017.7.6版) Joruriパンフレット[PDF:2.7MB] 自治体OSSキットパンフレット(2017.05.16版) 自治体OSSキットパンフ

    Joruri公式サイト
    nakagaw
    nakagaw 2013/09/25
    自治体向け、ガイドラインとかと比較してみたい
  • ウェブアクセシビリティ方針 | Accessible & Usable

    ウェブアクセシビリティ方針 Accessible & Usable (以下、当サイトといいます) は、ウェブアクセシビリティの普及および一般化を、社会の要請として捉えており、すべてのウェブサイトおよびそのコンテンツは、十分なアクセシビリティを備えているべきであると考えています。 当サイトでは、ウェブアクセシビリティ関連情報を発信するという立場からその規範となるべく、「JIS X8341-3:2016 高齢者・障害者等配慮設計指針 — 情報通信における機器、ソフトウェア及びサービス — 第3部 : ウェブコンテンツ」を遵守し、アクセシビリティの向上に積極的に取り組みます。 対象範囲 Accessible & Usable (https://accessible-usable.net) 以下すべてのページ 目標とする適合レベルおよび対応度 JIS X8341-3:2016 の適合レベル AA

    ウェブアクセシビリティ方針 | Accessible & Usable
    nakagaw
    nakagaw 2013/09/24
    これはいい