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/
Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO
いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsというツールです。 元々はMicrosoftにて内部開発されていたもので、2019年にオープンソース化されています。 本日はWebサイトのアクセシビリティの評価を行いたいと思いますが、AndroidやWindowsのアプリケーションにも対応しています。 Webアクセシビリティの場合はGoogle Chromeの拡張として提供されています。 Webアクセシビリティとは 全ての利用者や環境下において、使用できるようにWebサイトが設計・開発されていることを指します。 弊社の以下のエントリをご参照ください。 使ってみた テスト用のWebサイトはSeleni
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
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
概要 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
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.
Stay organized with collections Save and categorize content based on your preferences.
Stark’s Public Library – Accessibility resources, guides, communities, and more
Contribute to StarkGot any accessibility resources or news? Submit a Resource
posters/accessibility/dos-donts/posters_ja/PDF/accessibility-posters-set_ja.pdf at master · UKHomeOffice/posters
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.
アクセシビリティを高めてみんなに伝わる発表資料のつくりかた / Cybozu Presentation Accessibility
サイボウズ株式会社で開催した「アクセシビリティを高めてみんなに伝わる発表資料のつくりかた」のスライド資料です。 以下のリンクから、PPT形式の資料を閲覧できます： https://cybozu-my.sharepoint.com/:p:/g/personal/daisuke-kobayashi_cybozu_onmicrosoft_com/EUw8uxvLxodNgXG0jVlv0O4B5LJ0eKa-jmYLrcWnTZkovQ?e=8W0TJm
Android/iOSのテスト自動化に関する知識を共有する勉強会「年末だよ Android/iOS Test Night - 2019」が2019年12月16日に開催されました。DeNAのAndroid・iOSの各PFからテスト自動化・CI/CDに知見のある登壇者を招いてLTを実施。「GTXiLibで小さく始めるAccessibility Testing」に登壇したのはsatoshin21氏。登壇資料はこちら GTXiLibで小さく始める Accessibility Testing satoshin21氏：よろしくお願いします。「GTXiLibで小さく始める Accessibility Testing」というタイトルで発表させていただきます。 今日はAccessibilityをテーマに話します。まずAccessibilityについてなのですが、これは高齢者や障がい者も含めてあらゆる人がどの
This post is for Day 15 of Mercari Advent Calendar 2021, brought to you by Sahil Khokhar from the Mercari JP Web team. I would like to take this opportunity to continue my efforts towards helping everyone understand Web Accessibility. After explaining The Importance of Web Accessibility and Web Accessibility through Internationalization and Localization in my previous blogs, today I would like to
IntroductionShould I use pixels or ems/rems?!This is a question I hear a lot. Often with a dollop of anxiety or frustration behind the words. 😅 It's an emotionally-charged question because there are a lot of conflicting opinions out there, and it can be overwhelming. Maybe you've heard that rems are better for accessibility. Or maybe you've heard that the problem is fixed and pixels are fine? The
JSer.info #436 - TypeScript 3.5 RCがリリースされました。 Announcing TypeScript 3.5 RC | TypeScript TypeScript 3.5 Iteration Plan · Issue #30555 · microsoft/TypeScript Breaking Changes · microsoft/TypeScript Wiki 型チェックと--incrementalオプションを使ったビルドのパフォーマンス改善がされています。 また、Omitヘルパー型がlib.d.tsに追加、Union型におけるプロパティチェックの改善なども行われています。 破壊的な変更としてGeneric type parameterのデフォルトが{}からunknownへと変更されています。 3.4までは次のようなコードにおけるTは何もextends
All modules in the Learn Accessibility course are now available. Written by Carie Fisher, these courses take you through the essentials for building accessible websites and web apps. You can read them in whatever order you'd like. The final modules on testing walk you through a culmination of all of your knowledge: Automated testing Manual accessibility testing Assistive technology testing The las
Swagger Codegenで楽にSwiftのModelを生成する / Easily generate Swift Models with Swagger Codegen
アクセシビリティオーバーレイ (accessibility overlay) | Accessible & Usable
公開日 : 2021年8月12日 カテゴリー : アクセシビリティ ここ最近、米国を中心とする海外のウェブアクセシビリティ関連サイトで、アクセシビリティオーバーレイ (accessibility overlay) がホットな話題になっています。アクセシビリティオーバーレイとは、サードパーティ製のプログラム (基本的には JavaScript) で、ウェブサイトに適用することによってアクセシビリティを即座に高めることができるという (まるで魔法のような) 触れ込みのソリューションです。 アクセシビリティオーバーレイが適用されたウェブサイトにはウィジェットが追加され、そこに用意された機能を選んで実行することで、あたかもアクセシビリティが改善されたかのように、ウェブページの表示を変更することができます。 アクセシビリティオーバーレイの例 アクセシビリティオーバーレイを提供するサービスはいくつかあ
Japan Accessibility Conference digital information vol.2
Japan Accessibility Conference - digital information vol.2は無事、終了いたしました。ご来場、ご登壇いただいたみなさま本当にありがとうございました。 セッションごとの資料は、セッションページからご覧ください。 開催によせて 次の文章はJapan Accessibility Conference - digital information vol.2 開催によせて全文の要約です。 2017年に開催したvol.1では、約250名もの方にご参加いただきました。また終わってからも参加を通じてアクセシビリティの重要性を意識し、制作者としての対応を始めたり、コミュニティ活動を始める方も出現しました。 このアクセシビリティへの思いの循環を繋ぎ、次の世代へと伝えていくため、再び2019年7月20日にイベントを開催します。 私たちはアクセシビリティに取
Full accessibility tree in Chrome DevTools | Blog | Chrome for Developers
Chrome DevTools is launching a full accessibility tree making it easier for developers to get an overview of the whole tree. In this post find out how this tree is created and how to use it in your work. What is the accessibility tree? Assistive technology such as screen readers use Chromium’s accessibility API to interact with web content. The underlying model of this API is the accessibility tre
昨日付の経済産業省のニュースリリース、日本産業規格（JIS）を制定・改正しました（2022年8月分）にありますように、EPUBコンテンツのアクセシビリティに関する仕様、EPUB AccessibilityがJIS X 23761として制定、JIS規格化されました。規格は冊子またはPDF形式で、日本規格協会 JSA Group Webdeskから購入することができます。 EPUB Accessibilityとは、もともと国際電子出版フォーラム（IDPF：International Digital Publishing Forum）で策定された仕様です。2017年のW3CとIDPFの統合に伴い、現在EPUB AccessibilityはW3Cで管理されています。そのバージョン1.0、EPUB Accessibility 1.0は2021年、ISO/IEC 23761:2021としてISO標準化
W3C Accessibility Guidelines (WCAG) 3.0の初期公開作業草案が発行されました | アクセシビリティBlog | ミツエーリンクス
2021年1月22日 W3C Accessibility Guidelines (WCAG) 3.0の初期公開作業草案が発行されました アクセシビリティ・エンジニア 中村（直） Web Content Accessibility Guidelines (WCAG) 2.0とそのマイナーバージョンの後続として開発されている、W3C Accessibility Guidelines (WCAG) 3.0がFirst Public Working Draft（初期公開作業草案）として発行されました。 元の言葉はWeb ContentからW3Cに変更されているものの、略称は同じWCAGになっているのは、WCAGという語がWebアクセシビリティを取り巻く世界ではよく知られている証左と捉えることもできそうです。 そんなWCAG 3.0ですが、Abstract（概要）には以下の1文が記載されています。
freee Accessibility Training
はじめに このサイトでは、Web サイトを実装する際に作ってしまいがちなアクセシビリティ上の問題と、それが起きにくくなるような実装の例を紹介しています。 freee アクセシビリティー・ガイドラインとあわせて見ることで、Web アクセシビリティへの理解を促進することを目的としています。 ただ各ページを見ていくだけでなく、キーボードのみによって操作したり、スクリーンリーダーで操作したり、開発者ツールで DOM の状態を見たりしてみてください。 キーボードで操作してみよう スクリーンリーダーを使ってみよう 画像 リンク ボタン フォーム 見出し 言語 ランドマーク ステータスメッセージ アクセシビリティチェックの練習ページ
26% of adults in the US have at least one disability. When you improve accessibility, it has an outsized impact on your current and future customers. It’s also a legal requirement. The most accurate way to check accessibility is manually on real devices. But that requires specialized expertise and a lot of time. Both of which are scarce on frontend teams. Teams at Twilio, Adobe and Shopify use a c
There’s a growing demand for designers to make their interfaces accessible to all users. It’s important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies. Not only that, but they assu
In web design, colour contrast is the first (and biggest) step towards creating an accessible site. As the web is accessed through a screen, colour contrast issues are experienced by a number of users. learn more The choice of typeface, and how this typeface is hierarchised, is an essential step in ensuring web accessibility. This step helps both visually and by allowing users with screen readers
GitHub - acot-a11y/acot: :gem: Accessibility Testing Framework. More accessible web, all over the world.
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
Introducing Learn Accessibility Stay organized with collections Save and categorize content based on your preferences. Today we are launching Learn Accessibility—the next in our series to help get you up to speed with modern web development. Today we are excited to announce a new addition to our series of courses on web.dev. Learn Accessibility is a brand new course written by Carie Fisher that wi
Accessibility Myths
Debunked Accessibility only affects a small group of users Not that small. Around 15% of the world's population, or estimated 1 billion people, live with disabilities, they are the world's largest minority. The number of people with disability is dramatically increasing. More details about Accessibility only affects a small group of users Disabled users don't use my website How can you be so sure?
posters/accessibility/dos-donts/posters_ja/PDF at master · UKHomeOffice/posters
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
You are here: Creative Juiz › User Experience › There is no “Myths of Color Contrast Accessibility” Également disponible en : Français When you need to work on interfaces, color contrast is a real thing you have to take into account to make it accessible. You have the right to be afraid of losing part of the aesthetics of your beautifully well designed interface, and you are right if you are used
[PA4d]なかなか取れないUI要素を直接書く方法（Accessibility Insights for Windows） T2 Labs | 株式会社ASAHI Accounting Robot 研究所
[PA4d]なかなか取れないUI要素を直接書く方法（Accessibility Insights for Windows） T2 Labs こんにちは。花粉症のT2です。 山形はまだ桜が開花したばかりなので、もう少しつらいシーズンが続きそうです・・・。 さて、今回の記事ですが、UI要素を追加するときって、赤枠が一瞬出るのに、すぐに別の項目に移ってしまって「あー！もう！！！」ってことになった経験ありませんか？ そこで今日は 「UI要素の属性を直接調べて書く」ということを行います。 ただし、初心者向けの記事ではないため、ご容赦ください。 ですが、知っておくと武器になるテクニックなので、興味がある方、ステップアップしたい方は是非チャレンジしてみてください！ 以前 RPA Community のご質問に回答した際、UI要素がうまく取れないときはInspectを使うといいよというお話をしましたが、そ
Sometimes, new authors need a gentle reminder to think about accessibility when designing and writing web pages and apps. Experienced authors need a quick way to look up the allowed ARIA roles, states and properties for each HTML element. Browser and Assistive Technology (AT) implementers need quick access from an HTML element to its platform accessibility API. For a look at how these needs transl
GitHub - glideapps/glide-data-grid: 🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
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
GitHub Accessibility At GitHub, our mission is to accelerate human progress through developer collaboration. We believe people with disabilities should benefit from and be able to contribute to the creation of that progress. As the home for all developers, GitHub sits at the foundation of software development, and as such, has a unique role in empowering people with disabilities in digital futures
開発方針 | SmartHR ACCESSIBILITY（スマートHR アクセシビリティ）｜仕組みで解決できることを、やさしさで解決しない。
組織の全従業員が使う人事労務クラウドサービスであるSmartHRは、「 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というコーポレートミッションのもと、働くすべての人を後押しできるプラットフォームになることを目指しています。 私たちのミッションを実現するためには、真に「誰もが」SmartHRにアクセスできなくてはなりません。まだ道半ばではありますが、そんな想いを胸に日々の製品開発でアクセシビリティ向上に取り組んでいます。 SmartHRのプロダクトはアクセシビリティ方針のもと、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」、に加えて「Web Content Accessibility Guidelines 2.1」に対応すること、またさまざまな特性を持つユーザーが実際に
CSS And Accessibility: Inclusion Through User Choice — Smashing Magazine
It is challenging to accurately understand the preferences of over 7.8 billion people at any given time. Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive experiences. We make a series of choices every day. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea?
This article is Day 21 of the Web Accessibility Advent Calendar 2019. This is about web accessibility support in Vue.js development. This article has been published for more than a year. Some parts of the content are outdated. Profile My name is Okuto Oyama. On the Internet, I am active under the names of Oyama Michinoku and yamanoku. I started out as a web designer for a web production company an
Accessibility (アクセシビリティ) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
ウェブアクセシビリティ (略語: A11Y、Accessibility の A から Y までの間に 11 文字が挟まれているため、このように略す) は、身体的および技術的な制約によらず、ウェブサイトを使いやすく保つためのベストプラクティスです。ウェブアクセシビリティは、W3C の Web Accessibility Initiative (略称: WAI) によって、標準化と議論がされています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティ 2021 / Accessibility 2021
Ameba Accessibility Guidelines
Learn Accessibility | web.dev
Google製アクセシビリティテスト自動化フレームワーク「GTXiLib」で小さく始めるAccessibility Testing
Accessibility Testing 101 | Mercari Engineering
The Surprising Truth About Pixels and Accessibility
2019-05-21のJS: TypeScript 3.5 RC、Firefox DevTools改善、Accessibility Insights(アクセシビリティテスト)
All of Learn Accessibility! is available
Accessibility Tree と Accessibility Object Model
EPUB AccessibilityのJIS規格化 | アクセシビリティBlog | ミツエーリンクス
Accessibility testing with Storybook
The Myths of Color Contrast Accessibility
Understanding Accessibility
Introducing Learn Accessibility | Blog | web.dev
There is no “Myths of Color Contrast Accessibility”
The WHATWG Blog — Considering accessibility
GitHub Accessibility
About accessibility with Vue.js - 2019