並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 287件

新着順 人気順

a11yの検索結果241 - 280 件 / 287件

  • 生活環境のデジタル化が進む中での中国政府の高齢者対応について | SciencePortal China

    山谷 剛史(やまや たけし):ライター 略歴 1976年生まれ。東京都出身。東京電機大学卒業後、SEとなるも、2002年より、中国では雲南省昆明市を拠点とし、中国のIT事情(製品・WEBサービス・海賊版問題・独自技術・ネット検閲・コンテンツなど)をテーマに執筆する。日本のIT系メディア、経済系メディア、トレンド系メディアなどで連載記事や単発記事を執筆。著書に「中国のITは新型コロナウイルスにどのように反撃したのか?中国式災害対策技術読本」「中国のインターネット史:ワールドワイドウェブからの独立」(いずれも星海社新書)など。 中国の高齢者のインターネット利用率は低い。CNNIC(中国互聯網絡信息中心)によると、50代の利用者は全体の12.5%、60歳以上の利用者は10.5%にとどまる。年齢別人口を加味すれば、50代以上のインターネット利用率はそれより若い世代よりもずっと低い。 一方で生活にお

    • Modern CSS Upgrades To Improve Accessibility | Modern CSS Solutions

      Modern CSS Upgrades To Improve Accessibility Posted on: Apr 9, 2021 Written by Stephanie Eckles Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive for users of all abilities across any device. This post will cover a range of topics: Focus Visibility Fo

        Modern CSS Upgrades To Improve Accessibility | Modern CSS Solutions
      • Webアクセシビリティ Advent Calendar 2019 - Adventar

        Webアクセシビリティについてのアドベントカレンダーです。ご参考までに、過去のカレンダー: Webアクセシビリティ Advent Calendar 2018 Webアクセシビリティ Advent Calendar 2017 Webアクセシビリティ Advent Calendar 2016 Webアクセシビリティ Advent Calendar 2015 Webアクセシビリティ Advent Calendar 2014 Webアクセシビリティ Advent Calendar 2013 Webアクセシビリティに関する内容であれば、ガチネタでもポエムでも構いません。ご自身のBlogで無くとも、TwitterやFacebookでつぶやいてリンクするのも大歓迎です。ぜひ、お気軽にご参加ください。 Web「も」含めて、あらゆるアクセシビリティについてのアドベントカレンダーがアクセシビリティ Adven

          Webアクセシビリティ Advent Calendar 2019 - Adventar
        • アクセシビリティの謬説

          覆す アクセシビリティは一部のユーザーにしか影響を与えない 影響が小さいわけではない。世界の人口の約15%、推定10億人が障害を持って暮らしています。 障害者は世界最大のマイノリティです。 障害者の数は劇的に増加しています。 アクセシビリティは一部のユーザーにしか影響を与えないについて 詳細を見る 障害者はウェブサイトを利用していない どうしてそのようなことが言えるのでしょうか。 色覚異常や運動障害などの障害を持つ多くの人が、他のユーザーと同じようにウェブサイトを利用しています。 また、どのような手段をもってしても多くの支援技術では検出できません。 障害者はウェブサイトを利用していないことについて 詳細を見る ウェブサイトをアクセシブルにするには、コストと時間がかかる プロジェクトの初期段階からアクセシビリティを考慮し、開発チームが適切なスキルを持っていれば、そのようなことはないかもしれま

            アクセシビリティの謬説
          • VUEVO(ビューボ) | みんなの会話を視覚化し、聞こえの違いをつなぐサービス

            VUEVO(ビューボ)は、聴覚障害や聞こえにくさがある人と聴者のコミュニケーションをスムーズにしたい、それにより互いに余計なストレスや気遣い無くもっと向き合える機会を増やしたい、という想いからスタートしたサービスです。聴覚障害者と聴者の間には、職場での聞こえの違いによって会議など複数人の会話の場でコミュニケーションが難しいという課題があります。ピクシーダストテクノロジーズの先端技術を用いて開発したVUEVOは、「誰が」「何を」話しているかをリアルタイムに直感的に表示することでこの課題を解決します。

              VUEVO(ビューボ) | みんなの会話を視覚化し、聞こえの違いをつなぐサービス
            • コード例|Webアプリケーションアクセシビリティ

              伊原 力也、小林 大輔、桝田 草一、山本 伶(著)/技術評論社/ISBN-13: 978-4297133665/3,960円(税込)/576ページ/2023年2月27日 発売(ほぼ同時に電子版も発売予定)

                コード例|Webアプリケーションアクセシビリティ
              • Web accessibility examples: 5 sites doing it right

                There are financial, legal, usability, and moral reasons to ensure your site is accessible. Here we look at five web accessibility examples you can learn from. First up, if you need a primer on web accessibility, check out this video on the business case for accessibility or our digital accessibility report. You might also want to explore this post on designing for accessibility, our response to t

                  Web accessibility examples: 5 sites doing it right
                • contrAAAst

                  アクセシビリティに取り組んでいる「人」にフォーカスしたインタビュー集

                    contrAAAst
                  • Creating an accessible autocomplete experience

                    After many months of research, development, and extensive testing across browsers, devices, and assistive technology, we’re excited to announce that the React Spectrum ComboBox component and React Aria useComboBox hook are now available! We’ve focused on the following areas to help you build quality autocomplete experiences. Accessibility — Our ComboBox has been tested with screen readers across d

                      Creating an accessible autocomplete experience
                    • 知らないとやばい Webアクセシビリティ - Qiita

                      フロントエンドエンジニアの皆さん、「アクセシビリティ対応」って知っていますか? (僕は1週間前まで知りませんでした...) 簡単にいうと 誰でも情報を手に入れることができるようにすること 目が見えなくても情報が伝わる・操作できる キーボードだけで操作できる 一部の色が区別できなくても情報を取得できる 音声コンテンツや動画コンテンツでは、音声が聞こえなくても何を話しているかわかる というように、身体的に障害を持っている方でもなに不自由なくWebアプリケーションを使うことができるようにすることです。 内閣府が定める 「合理的配慮の提供」は今まで民間事業者では努力義務でしたが、 2024年4月より義務 となりました。 「え!? うちまだ対応できていないのだけど...」 となるかもしれませんが、日本の場合は現状、アクセシビリティ違反への罰則は比較的緩く、目立った訴訟などの案件は見られていません。

                        知らないとやばい Webアクセシビリティ - Qiita
                      • アクセシビリティの祭典 2023

                        Accessibility cycle アクセシビリティ・サイクル 〜人の繋がりが世界を変え続ける〜 第9回目となる2023年のアクセシビリティの祭典は、人のつながりが世界を変え続け、それが、きっと皆さんに還元されるという想いを込め、「アクセシビリティ・サイクル ~人の繋がりが世界を変え続ける~」をテーマに開催予定です。 障害者&Web・AI・IoT、障害者&イノベーション、最新の支援技術、このいずれかにご興味のある方、ぜひ障害当事者達が描くアクセシビリティの近未来のセッション・展示をご覧ください。 メッセージ

                          アクセシビリティの祭典 2023
                        • Accessibility In Chrome DevTools — Smashing Magazine

                          In this article, Umar Hansa will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it’s best to strive to create the best possible experience we can for our users, regardless of their abilities. This article uses Google Chrome since it’s

                            Accessibility In Chrome DevTools — Smashing Magazine
                          • 従業員サーベイの簡易ウェブアクセシビリティ試験を実施しました! - SmartHR Tech Blog

                            こんにちは! SmartHRのプロダクトエンジニアのshunです。 本記事では、弊社内で実施しているアクセシビリティマスター養成講座のご紹介と、SmartHRの従業員サーベイというプロダクトで実施しているアクセシビリティ改善の取り組みについてお話しできればと思います。 SmartHRにおけるアクセシビリティの取り組み SmartHRでは、アクセシビリティの専門スキルを持つ@masuP9さんと@maverickさんを中心にアクセシビリティ改善の取り組みが行なわれています。 お二人のアクセシビリティに関する取り組みに関しては、以下の記事をご参照いただければと思います。 tech.smarthr.jp アクセシビリティマスター養成講座 2022年3月から、SmartHR社内における各プロダクトのアクセシビリティ改善の取り組みとして、アクセシビリティマスター養成講座が始まりました。 @masuP9

                              従業員サーベイの簡易ウェブアクセシビリティ試験を実施しました! - SmartHR Tech Blog
                            • 視覚障害があっても新型コロナワクチンの接種券番号を確認する方法を検討した | DevelopersIO

                              新型コロナワクチンを接種した経験から、予約方法が完全に視覚に頼っていると気づき、視覚障害当事者に伺うと困っている方が多いとのこと。 スマホアプリで解決する方法を丁寧に説明しています。これから接種される方のお役に立てればと思います。 はじめに この記事の執筆時点では、日本国内で新型コロナのワクチン接種が全国的に進められています。先日、大阪市民の私にも接種券が届き、大規模会場の予約方法を調べていました。 私が調べた範囲では、ワクチン接種の予約の方法には以下の3つがありました。 Web予約 コールセンターに電話して予約 メールまたはFAX予約(聴覚障害があるなどで他の手段での予約が難しい場合) このうち、Web予約と電話予約には 接種券番号 (大規模会場では)市町村コード の2つが必要でした。 この番号とコードは、自分に郵送されてきた接種券を 目で見て 把握する必要がありました。 私は、先日無事

                                視覚障害があっても新型コロナワクチンの接種券番号を確認する方法を検討した | DevelopersIO
                              • 西本卓也さん──人命を左右するアクセシビリティの分野で、自分の役割を果たしたい - Findy Engineer Lab

                                コンピュータの画面に表示されている情報を合成音声で読み上げるスクリーンリーダー。視覚障害者がコンピュータを操作するために欠かせないソフトウェアだ。西本卓也さんは、オープンソースのスクリーンリーダー「NVDA」の日本語対応を最初に始め、10年以上に渡って開発をリードしてきた。 アクセシビリティに関わるきっかけは、視覚障害のある方がパソコンを練習する教室と接点ができ、その流れで、視覚障害者のためのタイピング練習ソフトウェアの開発に携わったこと。 「プロダクトを作って、視覚障害のある方に使ってもらうというのは、私の中ではとても貴重な経験でした。そういう方々のお役に立てたのが嬉しかった」 その後、スクリーンリーダーを取り巻く状況が、世界と日本とで大きく異なることを知り、自ら手を動かすことになる。 「オープンソースのスクリーンリーダーに、日本語の読み上げを組み込んでみようとして、いろいろ頑張ってみた

                                  西本卓也さん──人命を左右するアクセシビリティの分野で、自分の役割を果たしたい - Findy Engineer Lab
                                • (メモ)W3Cアクセシビリティ成熟度モデルの話 - 水底の血

                                  界隈的にはWCAG 2.2 CRが話題になってると思いますけども、WCAG 2.2 CRと同じ日に、ドラフトノートとしてW3C Accessibility Maturity Model(W3Cアクセシビリティ成熟度モデル)という文書が発行されています。 これは何なのか?というのは、この文書のAbstractには次のようにあります。 The W3C Accessibility Maturity Model is a guide for organizations to evaluate and improve their business processes to produce digital products that are accessible to people with disabilities. Use of the W3C Accessibility Maturity Mod

                                    (メモ)W3Cアクセシビリティ成熟度モデルの話 - 水底の血
                                  • デジタル改革関連法案が閣議決定へ、法案WGの村井純座長が語る舞台裏と注目人事

                                    2021年9月のデジタル庁(仮称)創設に向けた準備が急ピッチで進んでいる。報道によれば、政府は2021年2月8日の週にもデジタル改革の関連法案を閣議決定する見通しだ。これはデジタル庁設置法案や、デジタル社会実現の基本理念を規定するデジタル社会形成基本法案などを含んでいる。 その後、今国会に提出して成立を目指す。2000年に制定したIT基本法に代わってデジタル社会形成基本法が国のIT政策の理念や基本方針を示すことになる。 これらの法案には有識者の提言が反映されている。慶応義塾大学の村井純教授やNECの遠藤信博会長など9人が政府の「デジタル改革関連法案ワーキンググループ(WG)」で2020年11月13日に示した「IT基本法への提言」および「デジタル庁設置への提言」である。 同WGの座長を務めた村井教授は「具体的な法案の文言は法案作成の専門家が作成したが、有識者の提言を受け入れ、それに沿う形にし

                                      デジタル改革関連法案が閣議決定へ、法案WGの村井純座長が語る舞台裏と注目人事
                                    • https://twitter.com/esumii/status/1531553369164480513

                                        https://twitter.com/esumii/status/1531553369164480513
                                      • TechCrunch

                                        Butcherbox is known for grinding its way forward, bootstrapping to more than $600,000 worth of revenue. The company hasn’t traditionally been on the M&A path, but it today announced it is acquir

                                          TechCrunch
                                        • 第3回支援技術利用状況調査報告書 | 日本視覚障害者ICTネットワーク

                                          掲載:2023年9月30日 はじめに この報告書は、日本視覚障害者ICTネットワーク (JBICT.Net) が2023年5月から6月にかけて実施した第3回支援技術利用状況調査の結果をまとめたものです。 各設問(報告書末尾の「参考:設問一覧」を参照)への回答状況と、これらに基づいた集計結果の一部を示します。また、参考情報として、2022年に実施した前回調査の結果との比較を示している項目もあります。 参考:過去の調査結果 第2回支援技術利用状況調査報告書(2022年実施) 第1回支援技術利用状況調査報告書(2021年実施) 本報告書の著作権等 第3回支援技術利用状況調査報告書は、日本視覚障害者ICTネットワーク (JBICT.Net)が著作権を有し、CC BY-NC-ND 4.0 で公開しています。 Copyright © 2023 日本視覚障害者ICTネットワーク (JBICT.Net)

                                          • 色盲・色弱の方の見え方が確認できるChrome拡張機能「Colorblindy」

                                            Web制作をするにあたり、ターゲット層はもちろんのこと様々な見え方を想定していかなければなりません。色盲・色弱もそのひとつです。色覚異常の方は日本に約290万人いるとされ、どんな人にも見やすく情報を伝えられるサイトにする必要があります。 今日はそんな色覚異常の方にどう見えているのかが確認できるChromeの拡張機能、「Colorblindly」を紹介します。

                                              色盲・色弱の方の見え方が確認できるChrome拡張機能「Colorblindy」
                                            • Web: How to document the screen reader user experience - Accessibility, Your Team and You

                                              User experience designers guide, How to document the screen reader user experience User experience designers are responsible for designing the user experience. Period. A visual is not enough. This doesn't ensure a good user experience (UX) for all users. Accessible design process includes documenting the non-visual UX, for screen reader users. This also helps in achieving a good user experience fo

                                              • アクセシビリティ対応 Web サイトの構築に関するリソース - Microsoft Edge Developer documentation

                                                Web には、HTML、CSS、JavaScript の組み合わせを使用して構築された動的で複雑な Web サイト、アプリケーション、およびユーザー インターフェイスが用意されています。 ただし、アクセシビリティを念頭に置いて設計および構築する場合、これらの複雑な Web サイトは、 支援技術 に依存して Web を閲覧するユーザーが使用するのが困難です。 障穣のあるユーザーがアクセスできる Web サイトを構築するには、ユーザー インターフェイスに関するセマンティック情報が必要です。 アクセシビリティ対応の Web サイトを使用すると、スクリーン リーダーなどの支援技術が、さまざまな能力を持つユーザーが Web サイトを使用するのに役立つ必要な情報を伝えることができるようになります。 Microsoft Edge でサポートされている新しい HTML5 機能については、 HTML5Acc

                                                  アクセシビリティ対応 Web サイトの構築に関するリソース - Microsoft Edge Developer documentation
                                                • HTMLのtitle要素やOGPなどのメタデータは「ページ」ごとに変えるとよさそう(特にSPAで) | DevelopersIO

                                                  Webアプリケーションや、いわゆるWebサイトもSPA (Single-page application)として実装される例を多くみかけるようになりました。これらの実装をレビューすると、「ページ」ごとにtitle要素やOGPなどのページのメタデータを変える機能が実装されていない例がいくつかありました。これらのメタデータを「ページ」ごとに変えることの意義を確認します。 HTMLのtitle要素とは MDNによると、title要素は: title は HTML の要素で、ブラウザーのタイトルバーやページのタブに表示される文書の題名を定義します。テキストのみを含めることができます。要素内のタグはすべて無視されます。 と記載されています。 ブラウザーのブックマークに追加した際にも、ページのタイトルがブックマークのUIに表示されます。 title要素の役割 title要素には、ブラウザーのUIに表示

                                                    HTMLのtitle要素やOGPなどのメタデータは「ページ」ごとに変えるとよさそう(特にSPAで) | DevelopersIO
                                                  • アクセシビリティを高めるCSS by Yuko Morikawa

                                                    DIST.30 Lightning Talk13 December 2019Yuko Morikawa, to-R Inc. トゥーアールの森川です。 私はWebの持つ無限の可能性に惹かれて、この業界で働いています。 ウェブアクセシビリティとは、誰もがどんな状況でもウェブにアクセスできるようにすること。これを知ったとき、私はウェブのアクセシビリティの高さに惹かれたんだと思いました。 「ウェブのパワーはそのユニバーサル性にある。障害に関わらず誰もがアクセスできることがその本質である」 World Wide Webを発明したティム・バーナーズ・リー氏の有名な言葉です。 ウェブの本質であるアクセシビリティを守っていくのは私たちの役⽬です。 これが私がアクセシビリティをやる理由の1つです。 今日はCSSでアクセシビリティを高めていくためのTipsを4つご紹介したいと思います。 Focus Stat

                                                      アクセシビリティを高めるCSS by Yuko Morikawa
                                                    • A Complete Guide To Accessibility Tooling — Smashing Magazine

                                                      In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one. Learning to build accessible websites can be a daunting task for those who are just starting to im

                                                        A Complete Guide To Accessibility Tooling — Smashing Magazine
                                                      • Focus management and inert | CSS-Tricks

                                                        Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You may already be familiar with this way of navigating if you use it to quickly jump from input to input on a form without having to reach for your mouse or trackpad. Tab will jump to interactive elements in the order they show up in the DOM. This i

                                                          Focus management and inert | CSS-Tricks
                                                        • WCAG 2.2の勧告とWCAG 2.1の更新 | アクセシビリティBlog | ミツエーリンクス

                                                          W3Cからアナウンスされたように、WCAG 2.2が2023年10月5日付けで勧告(Recommendation)となりました。 WCAG 2.1の最初の勧告が2018年ですから、そこから5年が経って達成基準(Success Criterion)が追加されたことになります。 WCAG 2.1の勧告について「最初の」とわざわざ言っているのは、WCAG 2.1が先月に更新されたことによります(W3Cのアナウンス)。 WCAG 2.1の更新の内容はもっぱらエラッタの適用ですが(WCAG 2.1のChange Logも参照)、その中でも達成基準4.1.1について注記が追加されたのが目立った変更点と言えます。 この追記は、端的にはWCAG 2.2では達成基準 4.1.1が削除されているように、達成基準 4.1.1についての評価は別の達成基準で行うようにするという内容です。 さて、WCAG 2.2の話

                                                            WCAG 2.2の勧告とWCAG 2.1の更新 | アクセシビリティBlog | ミツエーリンクス
                                                          • jQueryの使い方「基本の書き方と考え方」 - STAND-4U

                                                            「jQueryはもう古い」「脱jQuery」なんて言われているが、今でもjQueryは簡単・便利につかえて、プログラミング初心者のファーストステップに超おすすめなのがjQuery。 そんな、jQuery初心者の方にむけ、今回はjQueryの「書き方」と「考え方」を具体例を交えながら学習していこう! ▼動画で学びたい方は、こちらからどうぞ↓ なぜ脱jQueryと言われるのか? まず、なぜ脱jQueryと言われているのだろうか?いくつかあるが、その一部を抜粋しよう。 jQuery本体を読み込む事が、WEBサイト表示の遅延になる 各ブラウザが進化し、jQueryの恩恵が少なくなった ReactやVue.jsなどモダンなフレームワークとコードが競合する場合がある 古いプラグインなど動作しないもの等がある 初心者はjQueryを学んだほうが良い?無駄な学習になる? 結論から言うと「脱jQuery」と

                                                              jQueryの使い方「基本の書き方と考え方」 - STAND-4U
                                                            • EightShapes Contrast Grid

                                                              Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast. Include one color per line, with an optional comma-separated label. Rows & Columns #FFFFFF, White #F2F2F2 #DDDDDD #CCCCCC #888888 #404040, Charcoal #000000, Black #2F78C5, Effective on Extremes #0F60B6, Effective on Lights #398EEA, Ineffective Use distinct rows & columns values Use the same rows & colum

                                                              • 今、改めて考えるInternet Explorer 11対応のコスト | コラム | ミツエーリンクス

                                                                2020年4月17日 今、改めて考えるInternet Explorer 11対応のコスト アクセシビリティ部 チーフ・アクセシビリティエンジニア 黒澤 剛志 「もうたくさんだ(Enough is enough)」。2019年2月、MicrosoftのChris Jackson氏は 企業にInternet Explorerの利用をやめるよう呼びかけるBlog記事 を発表して話題になりました。当時からMicrosoftはセキュリティ関連の修正を除いてInternet Explorerの改善(新機能の追加や処理速度の向上など)を行っていません。それは、現在もサポートが継続しているInternet Explorer 11(IE 11)でも同様です。かわりにMicrosoftはEdgeの改善に力を注いでおり、先日(2020年4月9日)も 新しい Microsoft Edge に移行すべき 10 の

                                                                  今、改めて考えるInternet Explorer 11対応のコスト | コラム | ミツエーリンクス
                                                                • 達成基準 1.4.11: 非テキストのコントラストを理解する

                                                                  達成基準 1.4.11 非テキストのコントラスト (レベル AA): 以下の視覚的提示には、隣接した色との間で少なくとも 3:1 のコントラスト比がある。 ユーザインタフェース コンポーネント ユーザインタフェース コンポーネント及び状態 (state) を特定するのに必要な視覚的な情報。ただし、アクティブではないユーザインタフェース コンポーネントや、そのコンポーネントの見た目がユーザエージェントによって提示されていてコンテンツ制作者が変更していない場合は除く。 グラフィカルオブジェクト コンテンツを理解するのに必要なグラフィック部分。ただし、そのグラフィック特有の提示が、情報を伝えるうえで必要不可欠な場合は除く。 意図 この達成基準の意図は、アクティブなユーザインタフェース コンポーネント (つまり、コントロール) 及び意味のあるグラフィックが中程度のロービジョンの人によって識別できる

                                                                  • Color contrast checker, analyser and color suggestions | Polypane

                                                                    How does the color contrast checker work?The Polypane color contrast checker checks against values defined by the WCAG 2 (Web Content Accessibility Guidelines) or APCA (the Accessible Perceptual Contrast Algorithm). WCAG give a formula to calculate the contrast, ranging from 1 (no contrast) to 21 (black on white). APCA has a range from minus ~106 to plus ~106. The Polypane contrast checker takes o

                                                                      Color contrast checker, analyser and color suggestions | Polypane
                                                                    • 2021年のクラスメソッドでのアクセシビリティ活動のふりかえり | DevelopersIO

                                                                      アクセシビリティ Advent Calendar 2021、ありがとうございました! この記事はアクセシビリティ Advent Calendar 2021の最終日の記事です。 今までは、2013年開始!という歴史と伝統ある Webアクセシビリティ Advent Calendarと、2016年に開始され、休憩を挟んで以降は僕が作成させていただいているWebじゃないアクセシビリティ Advent Calendar 2018、Webも含むアクセシビリティ Advent Calendar 2019という、大きくは2本立ての時代がありました。 2021年の今年は、毎年「Webアクセシビリティ Advent Calendar」を作成されている木達さんから、「今年はWebアクセシビリティのカレンダーを作るつもりはないので、あとはよろしく!」とご指名をいただきました。 昨年の集まり具合を踏まえ、今年は A

                                                                        2021年のクラスメソッドでのアクセシビリティ活動のふりかえり | DevelopersIO
                                                                      • W3C Accessibility Guidelines (WCAG) 3.0

                                                                        W3C Accessibility Guidelines (WCAG) 3.0 W3C Working Draft 24 July 2023 More details about this document This version: https://www.w3.org/TR/2023/WD-wcag-3.0-20230724/ Latest published version: https://www.w3.org/TR/wcag-3.0/ Latest editor's draft:https://w3c.github.io/silver/guidelines/ History: https://www.w3.org/standards/history/wcag-3.0/ Commit history Editors: Jeanne Spellman (TetraLogical) R

                                                                        • Webアクセシビリティ/JIS X8341-3:2016 試験を他社に依頼した場合の参考価格 - esa-pages.io

                                                                          > アルファサード株式会社アルファサード株式会社 https://www.powercms.jp/news/powercms-8341.html JIS X 8341-3:2016適合評価 ランダムに抽出した20ページおよび、ランダムでない方法で抽出した20ページの合計40ページについての試験を実施し、結果をご報告します。修正必要事項があればご提案を行い、再試験を1回実施します。 価格 : 30万円(A) または40万円(AA) > ミツエーリンクスミツエーリンクス https://www.mitsue.co.jp/service/accessibility/diagnostics/ 費用(1回10ページ):30万円~ > 株式会社インフォアクシア株式会社インフォアクシア https://infoaxia.co.jp/assessments/reporting.html レベル AA:ペー

                                                                          • アクセシビリティで便利なWAI-ARIAの「aria-label属性」:SEO効果も|BringFlower

                                                                            タイトルに記載のアクセシビリティはウェブのユニバーサルデザインのことです。例えば視覚障がい者が用いるスクリーンリーダー(音声読み上げソフト)への対応などがやるべきこととして挙げられます。この記事では、アクセシビリティの対応を考えるうえで、とても便利なWAI-ARIAのaria-label属性を紹介します。 aria-labelなどを定めている仕様「WAI-ARIA」について W3Cが定めた仕様に、「WAI-ARIA」というのがあります。日本では「ウェイ・アリア」と呼びます(米国ではWAIの発音が人によって違うと聞いたことがあります)。「WAI」はW3Cの組織のひとつで、「Web Accessibility Initiative」の略です。「ARIA」は、「Accessible Rich Internet Application」の略です。 WAI-ARIAは「RIA(リッチインターネットア

                                                                              アクセシビリティで便利なWAI-ARIAの「aria-label属性」:SEO効果も|BringFlower
                                                                            • 【HTML】aria-hiddenってなに?読み上げスキップ指定の書き方|Web Work Plus

                                                                              WEBページ制作で、とってもベンリなアイコンフォント。 検索窓のアイコンや、ちょっとしたアクセントに大活躍してくれますよね。 特に『Font Awesome』は無料で使えるありがたーいアイコンフォントなので、愛用している方も多いのではないでしょうか。 今回は、そんなベンリなアイコンフォントを使うとき、一緒に指定しておきたいHTMLタグ「aria-hidden」について、その効果や使い方をざっくりとまとめてみました。 「aria-hidden」の効果 HTMLタグである「aria-hidden」は、WEBページで音声読み上げを利用しているとき、アイコンフォントなどを「文字」として読み上げてしまうのを防止できるタグです。 「aria-hidden="true"」と指定することで、その部分だけ「読み上げをスキップ(読み上げない)」してくれます。 「ウェブページの音声読み上げ機能」は、目が不自由な

                                                                                【HTML】aria-hiddenってなに?読み上げスキップ指定の書き方|Web Work Plus
                                                                              • SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能

                                                                                SPA におけるアクセシビリティ課題について シングルページアプリケーション(SPA)は、1 つの HTML ファイルに対して JavaScript と Web API を活用して、ユーザーに素早いページ切り替えの体験を提供するウェブアプリケーションの一形態です。 しかし、SPA にはアクセシビリティの課題があります。例えば、視覚障害のあるユーザーが使うスクリーンリーダーという支援技術ではページが遷移したことを認識できないことがあります。これは、JavaScript を使ってページを切り替える際に発生する問題です。 具体的には、ユーザーがあるページから別のページへ移動した際、スクリーンリーダーが新しいページに移動したことを認識しないことがあります。 この問題を解決するために、JavaScript と WAI-ARIA という技術を使って、Route Announcer という方法があります

                                                                                  SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能
                                                                                • WebAIM: Screen Reader User Survey #8 Results

                                                                                  You are here: Home > WebAIM Projects > Screen Reader User Survey #8 Results Introduction In August - September 2019, WebAIM surveyed preferences of screen reader users. We received 1224 valid responses. This was a follow-up to 7 previous surveys that were conducted between January 2009 and October 2017. A few disclaimers and notices: Totals may not equal 100% due to rounding. Total responses (n) f