macOS Sonoma macOS Sonoma Come for the power. Stay for the fun. With macOS Sonoma, work and play on your Mac are even more powerful. Elevate your presence on video calls. Access information in all-new ways. Boost gaming performance. And discover even more ways to personalize your Mac. Stunning new screen savers New slow-motion screen savers of breathtaking locations from around the world look beau
Visual Studio Code - NEW FEATURES: 11 Funtastic Editor Updates (New Themes, Keyboard Accessibility, Screen Reader, Localization, Ligatures, Find Widget, Input Handling, Cursor Style, Auto Save, File Picker, & IntelliSense Documentation) - User Ed - The bl
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
アクセシビリティとは さまざまな利用者が、さまざまなデバイスを使い、さまざまな状況でウェブを使うようになった今、あらゆるウェブコンテンツにとって、ウェブアクセシビリティは必要不可欠な品質と言えます。 アクセシビリティとは プロセス JIS X 8341-3に基づきウェブアクセシビリティを高めるプロセスとして、以下の流れを推奨します。 方針の策定と公開 アクセシブルなコンテンツ制作 試験の実施と結果の公開 ウェブアクセシビリティを高めるプロセス
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
Who Needs Web Accessibility? How to Make Accessible Websites?
2013年3月25日 アクセシビリティ 昨年少しの間ですが入院しました。その間は大人しくしていればいいものを、脊髄麻酔や鎮痛剤が効いて苦痛のない時は退屈なもんで、Webサイト閲覧・メールチェックなどはしていました（私の行きつけの病院はインターネット利用可）。しかし体が思うように動かないので、今までどおりWebサイトを閲覧するのは困難。その時初めてアクセシビリティの大切さを身を持って感じ、それから少しずつお勉強している次第です。今回はWebサイト閲覧におけるアクセシビリティについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ Webアクセシビリティとは 「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や身体の制約に関係なく誰でも使えるという意味で使われます。どのような状況でもWeb上のコンテンツや機能を十分に利用できるWebサイトを「アクセシ
『Web Accessibility Toolbar 1.2.1 日本語版』 ブラウザを使って、Webページのアクセシビリティをチェックしたり、シミュレーションしたりすることができる便利なツールバーを無料でダウンロードしていただけます。 『Web Accessibility Toolbar』とは？ オーストラリアの視覚障害者団体が設立したNPOのNILSが開発したツールバーです。1人でも多くの人に使ってもらうことで、Webアクセシビリティの重要性に気づいてもらいたいという開発者の思いから、最もシェアの高いWindows版InternetExplorerのツールバーとして開発されました。 この『Web Accessibility Toolbar』には、英語版をはじめ、現在スペイン語、フランス語、イタリア語、日本語、韓国語の各言語版があるのですが、各国の有志がボランティアでプライベートな時間を
GitHub - facebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
import {$getRoot, $getSelection} from 'lexical'; import {useEffect} from 'react'; import {LexicalComposer} from '@lexical/react/LexicalComposer'; import {PlainTextPlugin} from '@lexical/react/LexicalPlainTextPlugin'; import {ContentEditable} from '@lexical/react/LexicalContentEditable'; import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin'; import {OnChangePlugin} from '@lexical/react/
カラーホイールの中にマウスを入れるとリアルタイムでプレビューの色が変わります。「Foreground」がテキストの色、「Background」が背景色、「Invert」をクリックするとテキスト色と背景色が入れ替わります。また、「Bigger」を押すとカラーホイールがさらに大きくなり、「Smaller」を押すとカラーホイールが小さくなります。 Accessibility Color Wheel あと、ページの下部にあるのは色覚障害の人が見た場合の配色になっています。 なお、このカラーホイールの元になったのはこちらの無料サービスです。こっちもおもしろい。 4096 Color Wheel Version 2.1
W3C Recommendation 11 December 2008This version: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ Latest version: http://www.w3.org/TR/WCAG20/ Previous version: http://www.w3.org/TR/2008/PR-WCAG20-20081103/ Editors:Ben Caldwell, Trace R&D Center, University of Wisconsin-MadisonMichael Cooper, W3CLoretta Guarino Reid, Google, Inc.Gregg Vanderheiden, Trace R&D Center, University of Wisconsin-MadisonPr
Accessibility
Everyone should be able to access and enjoy the web. We’re committed to making that a reality.
概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。 本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0（2.1）の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0（2.1）を参照のこと。 対象となるサービス 本ガイドラインに準拠するサービス一覧。 各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。 アメブロ 各項目の構成 適合レベル 達成基準を対応する目的と意義、対応すると得られるメリットなど 具体例 実装
エンジニアも気にしたい色のアクセシビリティ / Color Accessibility that engineers should care
Roppongi.js#3「エンジニアも気にしたい色のアクセシビリティ」 リンク付きの資料はこちら https://ohbarye.github.io/slides/2018/roppongi.js-3/
ウェブアクセシビリティ基盤委員会 | Web Accessibility Infrastructure Committee (WAIC)
CEATEC JAPAN 2019で、10月17日（木）に開催した、アクセシビリティセミナー2019の記録動画より7件をYouTubeで公開しました。日本語字幕が設定できますのでご活用ください。
Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO
いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsというツールです。 元々はMicrosoftにて内部開発されていたもので、2019年にオープンソース化されています。 本日はWebサイトのアクセシビリティの評価を行いたいと思いますが、AndroidやWindowsのアプリケーションにも対応しています。 Webアクセシビリティの場合はGoogle Chromeの拡張として提供されています。 Webアクセシビリティとは 全ての利用者や環境下において、使用できるようにWebサイトが設計・開発されていることを指します。 弊社の以下のエントリをご参照ください。 使ってみた テスト用のWebサイトはSeleni
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
HTML5 accessibility
HTML5 Accessibility Get the current accessibility support status of HTML5 features across major browsers. Editor’s draft, August 2020 Chrome 84 on Windows 10 98.5% Edge 80 on Windows 10 100% Firefox 80 on Windows 10 94% Internet Explorer 11 on Windows 10 56% Safari 13 on Mac OS 97% This site tests which newish HTML5 features are accessibly supported by major browsers. This includes if they are key
【注意】 この文書は、2008 年 12 月 11 日付の W3C 勧告「WCAG 2.0」 (原文は英語)を、情報通信アクセス協議会の「ウェブアクセシビリティ基盤委員会 (WAIC)」が翻訳と修正をおこなって公開しているものです。この文書の正式版は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。 【注意】この文書にはより新しいバージョンが存在します: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 年 12 月 11 日このバージョン: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新バージョン:http://www.w3.org/TR/WCAG20/前のバージョン:
Accessibility Technology & Tools | Microsoft Accessibility
When it comes to accessibility, personalization is everything and AI is making it faster and easier for people to find and use the technology that works best for them.
HTML5 accessibility
HTML5 Accessibility Get the current accessibility support status of HTML5 features across major browsers. Editor’s draft, August 2020 Chrome 84 on Windows 10 98.5% Edge 80 on Windows 10 100% Firefox 80 on Windows 10 94% Internet Explorer 11 on Windows 10 56% Safari 13 on Mac OS 97% This site tests which newish HTML5 features are accessibly supported by major browsers. This includes if they are key
Elon Musk just axed key Twitter teams like human rights, accessibility, AI ethics and curation | TechCrunch
Elon Musk just axed key Twitter teams like human rights, accessibility, AI ethics and curation Elon Musk is wasting no time making extremely deep cuts at Twitter, calving off many teams doing essential work at the company in the process. News of layoffs swept the platform on Friday, showing that Twitter’s billionaire owner is painting in broad strokes when it comes to trimming down the team by hal
WAVE® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Our philosophy is to focus on issues that we know impact end users, facilitate human evaluation, and to educate about web acc
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
GrayBit v0.5 Beta: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit
What’s GrayBit Do? GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast. More Info » How’s GrayBit Work? In the supplied GrayBit form, enter the URL of a page you wish to test. Submit the form. Wait for results.
概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。 本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0（2.1）の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0（2.1）を参照のこと。 対象となるサービス 本ガイドラインに準拠するサービス一覧。 各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。 アメブロ 各項目の構成 適合レベル 達成基準を対応する目的と意義、対応すると得られるメリットなど 具体例 実装
Puppetaria: accessibility-first Puppeteer scripts | Blog | Chrome for Developers
Puppeteer and its approach to selectors Puppeteer is a browser automation library for Node: it lets you control a browser using a simple and modern JavaScript API. The most prominent browser task is, of course, browsing web pages. Automating this task essentially amounts to automating interactions with the webpage. In Puppeteer, this is achieved by querying for DOM elements using string-based sele
GitHub - visible/visible: 🦉 Accessibility testing framework at the next level
🔎 Validation ― Visible can run fully automated validation based on the web standard ACT (Accessibility Conformance Testing) just by putting the URL. The result always comes out with highlighted codes and detailed messages so you can immediately start fixing the problem. 🤖 Suggestion ― Unlike other test tools, we also provide suggestions that may help you to understand the a11y more. Suggestions
Web Content Accessibility Guidelines (WCAG) 2.1 (W3C First Public Working Draft 28 February 2017)
Web Content Accessibility Guidelines (WCAG) 2.1 W3C Recommendation 21 September 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-WCAG21-20230921/ Latest published version: https://www.w3.org/TR/WCAG21/ Latest editor's draft:https://w3c.github.io/wcag/guidelines/22/ History: https://www.w3.org/standards/history/WCAG21/ Commit history Implementation report: https://
456 Berea Street: Articles and news on web standards, accessibility, and usability
Hiding inline SVG icons from screen readers Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, so I’d like to share a little tip about that. Posted on September 30,
GitHub - eriklindernoren/ML-From-Scratch: Machine Learning From Scratch. Bare bones NumPy implementations of machine learning models and algorithms with a focus on accessibility. Aims to cover everything from linear regression to deep learning.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Accessibility Support
Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions. This a community driven effort. Please run some tests to help keep this project going and to learn about assistive technologies along the way.
Validome - A Free Validation Service for HTML and Accessibility - investing.io
Validome – A Free Validation Service for HTML and Accessibility Validome allows Web Developers to check their website’s syntax with a validation service for compliance with the current HTML specification. Validation for accessibility compliance ensures that all users can effectively use your website and understand your content. This tool also provides an SEO audit, which is especially handy for th
Media accessibility Stay organized with collections Save and categorize content based on your preferences. In this article you will learn about the WebVTT (Web Video Text Tracks) format, which is used to describe timed text data such as closed captions or subtitles in order to make videos more accessible to your audience. Accessibility isn't like icing on a cake. It's never anything you put on a b
Stay organized with collections Save and categorize content based on your preferences.
Stark: The suite of integrated accessibility tools for your product design and development team
Designers, developers, product managers, and accessibility experts at 30,000+ companies use Stark’s suite of integrated accessibility tools in their daily product development cycle. Join them today! Continuous Accessibility for your entire teamGet real-time reports that help manage accessibility at scale without slowing down the velocity of your team. Stark gives your up-to-date insights into the
Stark’s Public Library – Accessibility resources, guides, communities, and more
Contribute to StarkGot any accessibility resources or news? Submit a Resource
モーダルダイアログを視覚表現だけで終わらせない - Web Accessibility Advent Calendar 2013 - neotagの雑文
Web Accessibility Advent Calendar 2013 初日です。 http://www.adventar.org/calendars/64 neotagです。初日なのに記事公開が遅れてしまいました。 しょっぱなから出鼻をくじいてしまい大変申し訳ありません。（土下座） 追記 2013/12/06 この記事の補足になる記事を @milk54 さんが書いてくださいました。 リニューアルして情報が得られなくなったというサイトを調べてみた 追記ここまで JavaScript による視覚表現が盛んになってから当たり前に使われるようになったモーダルダイアログについてです。 このモーダルダイアログ、ちょっとした情報を追加で表示する際に大変便利なのですが、見た目だけ実装すると思わぬ罠があります。 普通に組んだ場合 Library など使わずに普通に JavaScript を書いた場合
Web Content Accessibility Guidelines 1.0 W3C Recommendation 5-May-1999 superseded 18 May 2021 This version: http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505 (plain text, PostScript, PDF, gzip tar file of HTML, zip archive of HTML) Latest version: http://www.w3.org/TR/WAI-WEBCONTENT Previous version: http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990324 Editors: Wendy Chisholm, Trace R & D Center, Uni
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple - Accessibility - Resources
Accessibility Color Wheel
ウェブアクセシビリティ基盤委員会 | Web Accessibility Infrastructure Committee (WAIC)
Web Accessibility Toolbar 日本語版―インフォアクシア
AJAXで配色を決める無料サービス「Accessibility Color Wheel」
Web Content Accessibility Guidelines (WCAG) 2.0
Ameba Accessibility Guidelines
tota11y – an accessibility visualization toolkit by Khan Academy
Web Content Accessibility Guidelines (WCAG) 2.0
WAVE Web Accessibility Evaluation Tools
アクセシビリティ 2021 / Accessibility 2021
W3C、障害者によるウェブ上の音声・映像利用の要件をまとめた“Media Accessibility User Requirements”のドラフトを公開
Ameba Accessibility Guidelines
Media accessibility | Articles | web.dev
Learn Accessibility | web.dev
Web Content Accessibility Guidelines 1.0