はじめに こちらの記事を書いた際にコメントでもらった、アクセシビリティオーバーレイに関して調査してみました。 Qiitaで調べてもアクセシビリティオーバーレイに関して言及している記事は1件も見当たりませんでした。教えてくださった方にとても感謝です。 アクセシビリティオーバーレイとは しっかりとした定義はないですが、WCAGに準拠したWebのアクセシビリティを提供するSaaSのことです。JavaScriptを使ってサイトをを上書きしてアクセシビリティを提供するツールみたいです。大体サイトの右下にボタンがあり、それをクリックするとWCAG準拠のあらゆるボタンが用意されて、例えばスクリーンリーダーをクリックするとサイトを読み上げてくれたり、 例えばこちらのサイトなどが例です。 ほとんどがこのように、ブラウザ上でスクリーンリーダーが実行できたり、文字サイズを大きくしたりコントラストを変えてくれたり
Nothing Phone (2a)
Unit price / Translation missing: ja.accessibility.unit_price_separator
Executive Order on the Safe, Secure, and Trustworthy Development and Use of Artificial Intelligence | The White House
Executive Order on the Safe, Secure, and Trustworthy Development and Use of Artificial Intelligence By the authority vested in me as President by the Constitution and the laws of the United States of America, it is hereby ordered as follows: Section 1. Purpose. Artificial intelligence (AI) holds extraordinary potential for both promise and peril. Responsible AI use has the potential to help sol
GitHub's Engineering Fundamentals program: How we deliver on availability, security, and accessibility
EngineeringGitHub’s Engineering Fundamentals program: How we deliver on availability, security, and accessibilityThe Fundamentals program has helped us address tech debt, improve reliability, and enhance observability of our engineering systems. How do we ensure over 100 million users across the world have uninterrupted access to GitHub’s products and services on a platform that is always availabl
Release v1.1.0 · ory/kratos
Ory Kratos v1.1 is the most complete, most scalable, and most secure open-source identity server on the planet, and we are thrilled to announce its release! This release comes with over 270 commits and an incredible amount of new features and capabilities! Don't forget to leave a GitHub star and check out our other open source projects while you're here :) Phone Verification & 2FA with SMS: Enhanc
Dependabot multi-directory configuration public beta now available
Dependabot multi-directory configuration public beta now available advanced-securitydependabotsecuritysecurity-and-compliance April 29, 2024 This public beta enables developers to use a directories key to list multiple directories for the same ecosystem configuration in the dependabot.yml file. Previously, developers with multiple package manifests for the same ecosystem (e.g. npm, pip, gradle) ac
Neovim 0.10 was the longest release cycle since the heady days of the 0.5 release. There are a ton of new features in this release (as well as some breaking changes), so be sure to check the full release notes. You can view the release notes directly in Nvim with :h news. The news file includes information on new features, deprecations, and breaking changes. I especially urge plugin authors to rea
React 19 Beta の公開など : Cybozu Frontend Weekly (2024-05-07号)
こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024 年 5 月 7 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 React の fetch() 拡張が削除 React に標準で含まれていた fetch() に対するパッチが削除されました。 一方で、Next.js では同様の対応を別のパッチとして取りこむことで従来通りの挙動を維持するようです。 Google、サードパーティ cookie 廃止を 3 度目の延期 年内で完了予定だった Chrome での Third Party Cookie 廃止について、延期が発表されまし
本連載は『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』の第7章「アクセシビリティの組織導入」を公開するものです。 改正された障害者差別解消法や、デジタル庁の取り組みからの影響を受け、アクセシビリティ向上への機運は日ごとに高まっているように感じます。著名な企業がアクセシビリティへのスタンスを表明するケースも増えてきました。 しかし、こうした情報が目に入っているのは、あなたがアクセシビリティに関心がある側の人だからです。多くの場合、社内でのアクセシビリティへの意識はまだまだ高くないのが実態です。 個人や有志による非公式な取り組みでも、アクセシビリティは徐々に改善することは可能です。しかし、いずれは限界を迎えます。企業が提供するWebサイトやWebアプリケーションは組織で開発されており、大規模であり、かつ成長していくからです。 継続的に取り組み、成果を出し続けるため
はじめに こんにちは、Qiitaのデザイナーのかべちよです。 （最近はSUZURIさんで販売中のQiitaグッズをデザインしました ） Qiitaでは誰もがQiitaを利用できるように、アクセシビリティ改善プロジェクトを進めています。 今回はその取り組みの背景、現状、そして今後の展望についてご紹介します。 Qiitaがアクセシビリティの向上に取り組む理由 Qiitaは、「エンジニアを最高に幸せにする」というMissonを掲げています。 この「エンジニア」には、年齢や障害の有無にかかわらずあらゆる人たちが含まれます。 そのため、アクセシビリティ向上に取り組むことは私たちのミッション達成に必要であると考えています。 加えて、Qiitaは技術情報を共有するためのプラットフォームです。 環境や状態に関わらず誰でもQiitaを利用できるようにすることが、技術情報の共有をより促進できると考えています。
Introducing Spectrum 2: Our vision for the future of Adobe experience design
Introducing Spectrum 2: Our vision for the future of Adobe experience design A preview of the comprehensive update coming to Adobe's design system Imagine you’re designing a house. Your first step might be to draw a picture. To turn that picture into a house would require the input of many experts—architects, engineers, and builders—and would involve planning, teamwork, and time with each collabor
SmartHR ACCESSIBILITY（スマートHR アクセシビリティ）｜仕組みで解決できることを、やさしさで解決しない。
仕組みで解決できることを、 やさしさで解決しない。 Solve with design, not sympathy. アクセシビリティは、 サービスや情報を"いつでも・どんな人でも使えるようにする"という、いたって初歩的な環境整備の1つです。SmartHRは多様な特性を持つ社員一人ひとりが特別な配慮なしで価値ある仕事に集中するために、働く環境のアクセシビリティからwell-workingな社会の実現を目指します。 メッセージを見る
日経メディカル運営の「日本最大級」医師求人メディア。転職支援会社が扱う求人情報のほか、医療機関からの直接求人情報も掲載！
概要 普段同じようなhooksを使っていてマンネリ化してきているため、今一度、Reactにはどんなhooksがあるのか調べているとReact v18から導入されたuseId()というものを見つけた。 コンポーネントごとに一意のIdを生成できるhooksらしいが、イマイチ使い所がわからなかったので、調べていくとアクセシビリティの世界に踏み入ることになりました。 深くて軽く溺れかけたので、ざっくりメモがてらまとめます。 useIdの構文について 構文 引数はなく、戻り値は一意のID文字列である。 注意事項として、useId()はコンポーネントレベルで一意のIdを生成するため、mapなどのリスト表示の際のキーの生成には使えない。 公式にも、キーはデータから生成される必要があると記述されている。 ❌ const Test = () => { const id = useId(); return (
Dermal Fillers Market Size to Reach USD 9.1 Billion by 2030 at 7.9% CAGR – Report by Market Research Future (MRFR)
Dermal Fillers Market Size to Reach USD 9.1 Billion by 2030 at 7.9% CAGR – Report by Market Research Future (MRFR) Dermal Fillers Market Trends and Insights By Type (hyaluronic acid, Polymers & particles, Calcium hydroxylapatite, and Collagen) By Brand (Juvederm, Radiesse and Restylane), By Application (Facial Line Correction Treatment, Face-Lift, and Lip Treatments), Competitive Market Growth, Si
Microcatheters Market Size Worth USD 2,412.0 Million by 2027 at a CAGR of 4.1% - Report by Market Research Future (MRFR)
Microcatheters Market Size Worth USD 2,412.0 Million by 2027 at a CAGR of 4.1% - Report by Market Research Future (MRFR) Microcatheters Market Insights and Industry Analysis by Design (Single and Double Lumen), Product (Aspiration, Delivery, Diagnostic, Steerable), Application (Cardiovascular, Neurovascular, Peripheral Vascular, Oncology, Urology), End User (Hospitals, Ambulatory Surgical Centers,
費用と時間がかかっても、企業がウェブアクセシビリティに取り組むべき6つの理由｜Goodpatch Blog グッドパッチブログ
一方、いざウェブアクセシビリティの確保を進めようと思っても、専門的な人材や、部門横断での対応が必要な場合もあり、その場合はかなりの費用と時間がかかります。対応すること自体は法的義務でないにもかかわらず、なぜそこまでして取り組む必要があるのでしょうか？ 今回の記事では、ウェブアクセシビリティに取り組む意義とメリットを、6つの観点から解説していきます。 理由1：サイト（サービス）を利用できる人が増える 当たり前ですが、ウェブアクセシビリティを確保すれば、自社のサイトやサービスを利用できる人が増えます。実際、どれくらいインパクトがあることなのでしょうか？アクセシビリティを確保することで恩恵を受けやすいと考えられる層を中心に、具体的な数字を交えて見てみましょう。 ❶ 障害を持つ人 視覚、聴覚、認知、運動機能などに関して、さまざまな障害や特性を持つ人がいます。厚生労働省の調査によると、2016年の推
アニメーションの無効設定は prefers-reduced-motion に任せるか、アプリケーションの設定で制御するか
アニメーションの無効設定は prefers-reduced-motion に任せるか、アプリケーションの設定で制御するか 2023.08.06 prefers-reduced-motion とは、ユーザーの環境設定によって余計な動きを抑制することを要求したことを検出するメディアクエリです。この設定は各 OS ごとに設定できます。ユーザーがアニメーションを無効にできることは、アクセシビリティの観点で重要です。prefers-reduced-motion によりアニメーションを無効にするのでも十分ですが、アプリケーションの設定として持たせるべきだと考えています。 prefers-reduced-motion とは prefers-reduced-motion とは、ユーザーの環境設定によって余計な動きを抑制することを要求したことを検出するメディアクエリです。この設定は各 OS ごとに以下のよう
サイバーパンク桃太郎【電子特典付き】 (バンチコミックス) 作者:Rootport 新潮社 Amazon It is with great honor that I have been named to the TIME100 Most Influential People in AI. Below is the full text of the interview. time.com 1. How did AI help you create "Cyberpunk: Peach John"? Can you explain the process? In a collection of essays I published in 2019, I wrote the following story: Since 1997, when the supercomputer Deep Blue
Astro 4.1 | Astro
After a small break for the holidays, we’re back with a new release of Astro! Astro 4.1 includes a number of bug fixes and improvements. As we’re all getting back into the swing of things, this release is a bit smaller than usual, but we’re all excited to get back to work on Astro and have some exciting things planned for 2024! Highlights include: New accessibility audit rules New configuration op
Astro 4.5 | Astro
Astro 4.5 is now available! This release improves the developer experience with a new, first-of-its-kind Dev Audit UI. Automatically identify site performance and accessibility issues during development—without ever leaving your browser. Full release highlights include: Dev Audit UI View Transitions: Re-render islands View Transitions: Re-run scripts Shiki 1.0 Multi-CDN asset prefixing Experimenta
Dave Rupert recently made a bit of a stir with his post “If Web Components are so great, why am I not using them?”. I’ve been working with web components for a few years now, so I thought I’d weigh in on this. At the risk of giving the most senior-engineer-y “It depends” answer ever: I think web components have strengths and weaknesses, and you have to understand the tradeoffs before deciding when
This article will discuss Industry 4.0 and its meaning with an introduction to cloud computing and major AWS (Amazon Web Services) cloud tools for securing, deploying, and maintaining industry software. The article will be helpful to Industry IT Managers, Cloud Engineers, DevOps Engineers, and developers looking to get into the cloud computing space. The reader will get a peek into setting up and
iCrowdNewswire
Wheelchair Market Analysis, Growth Opportunities, Future Demand And Leading Players Updates By Forecast To 2032 Wheelchair Market Research Report: Information By Product (Manual Wheelchair, Electric Wheelchair, Accessories), By Category (Adults and Pediatric), By End-Use (Home Care Settings, Hospitals & Clinics), and By Region (North America, Europe, Asia-Pacific, And Rest Of The World) –Market Fo
Java Interview Questions
Java remains one of the most common and popular programming languages in the world because of its strong features. Therefore, it’s no surprise that good Java programmers are very much sought after by almost all organizations across the world – be it startups or large multinational corporations. Considering the above, we created a list of common job interview questions about Java programming with d
Creating color palettes with the CSS color-mix() function | MDN Blog
Colors can sometimes get out of hand in a project. We often start with a few well-chosen brand colors, but over time, we may find ourselves adding variations as our project grows. Perhaps we realize that we need to adjust the lightness of a button color for accessibility reasons, or that we need a slightly different variant of a component. How do we ensure that the colors we choose fit within the
The web is amazing. It makes collaborating, learning, and connecting easy for billions of people, because it’s intentionally designed to run on radically different devices. It’s your job as a web developer to ensure your project works in every browser and for every user — and that can be hard to do. It’s a far easier undertaking when browsers have identical implementations of the web technology yo
ProductA guide to designing and shipping AI developer toolsGitHub’s design experts share 10 tips and lessons for designing magical user experiences for AI applications and AI coding tools. After three-plus years of concepting, designing, and shipping AI-driven developer tools, GitHub is continuing to explore new ways to bring powerful AI models into the developer workflow. Along the way, we’ve lea
Version 1.89 is now available! Read about the new features and fixes from April. April 2024 (version 1.89) Update 1.89.1: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the April 2024 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the key highlights
Why Passkey Implementation is 100x Harder Than You Think – Misconceptions, Pitfalls and Unknown Unknowns
Our mission is to make the Internet a safer place, and the new login standard passkeys provides a superior solution to achieve that. That's why we want to help you understand passkeys and its characteristics better. “Ah yes passkeys, pretty cool technology and great that there’s already wide support, plus an open standard that they are built on. I’ll just grab one of the libraries for my framework
One of the premises of the new popover attribute is that it comes with general accessibility considerations “built in”. What does “built in accessibility” actually mean for browsers that support popover? NOTE: except for this note, this whole post was co-written with Scott O’Hara (thanks Scott!). See also Scott's post, [popover accessibility](popover accessibility). Whether you're a developer, des
Here is a list of common Android interview questions with detailed answers to help you prepare for the interview as an Android app developer. This article is designed to assist aspiring Android developers with a comprehensive set of interview questions, covering a wide spectrum of areas including basic programming principles, Android-specific components, design patterns, and best practices in mobi
Building a faster, smarter, Chromebook experience with the best of Google technologies
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティオーバーレイってなんなのか - Qiita
What's New in Neovim 0.10 | g.p. anders
第4回 小規模な改善にトライする | gihyo.jp
アクセシビリティ改善プロジェクトを立ち上げました - Qiita Blog
accessibilityを考える～医療者ができること～
【React】useIdの使い方を調べていたらアクセシビリティの世界に片足突っ込んだ話
Now is the TIME to make mangas with AIs. - デマこい！
Use web components for what they’re good at
Leveraging AWS Cloud Tools for Industry 4.0
The web just gets better with Interop 2024
A guide to designing and shipping AI developer tools
Visual Studio Code April 2024
On popover accessibility: what the browser does and doesn’t do
Android: Interview Questions and Answers