スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita
Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こります。スクリーンリーダーの操作方法を伝えると、読み飛ばしたと思っていたところもちゃんと読みあげてくれたということがほとんです。 アクセシビリティをかなり意識したページであっても、Tabキーだけでスクリーンリーダーを操作しているかぎり、ページの隅々まで読めることはほとんどありません。スクリーンリーダーにはTabキーを押す以外にもいろいろな操作が存在して、それを憶える必要があるわけです。私はアクセシビリティチェックのやり方を説明するときには、必ずその操作方法のうち最低限のものを紹介しているつも
Android 版 Chrome でのビューポートのサイズ変更動作の変更に備える | Blog | Chrome for Developers
11 月の Chrome 108 のリリースに伴い、画面キーボード（OSK）が表示されたときのレイアウト ビューポートの動作が変更されます。この変更により、Android 版 Chrome ではレイアウト ビューポートのサイズが変更されなくなり、ビジュアル ビューポートのみのサイズを変更できるようになります。これにより、Android 版 Chrome の動作が、iOS 版 Chrome および iOS 版 Safari と同等になります。 ここでは、現在の状況、Chrome でこの変更が行われる理由、実施可能な準備について説明します。 レイアウト ビューポートとビジュアル ビューポート ウェブサイトにアクセスしたときに、読み込んだページのコンテンツ全体が表示されない。その代わり、ブラウザにはページの一部を表示するビューポートが用意されています。このビューポートは、レイアウト ビューポート
iPhoneで日本語の手書き入力キーボードを使う設定方法【iOS 17】
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 2023年9月リリースのiOS 17（iPhoneに搭載のOS）では、ついに日本語の手書きキーボードが使えるようになりました。 これまでは中国語の手書きキーボードを代わりに使ったり、サードパーティ製のアプリを使うしかありませんでしたが、これからは日本語の手書き入力がiPhoneの標準機能で誰でも可能に。 この記事では、iPhoneで日本語の手書き入力キーボードを追加し、実際に利用する方法を紹介します！ iPhoneの設定で日本語手書きキーボードを追加iPhoneで日本語の手書きキーボードを利用するには、iOS 17へのアップデートが必要です。 iOSアップデートは、設定の「一般」→「ソフトウェアアップデート」から。 対応しているのはiPhone XRやXS以降
KANTAN Play online -かんぷれオンライン- – Play chords with just one finger! 指１本で弾ける！
指１本で弾ける KANTAN Play（カンタンプレイ） は、楽器が苦手な人でもすぐに演奏できる音楽システム「KANTAN Music」に準拠した音楽アプリです。数字ボタンをリズムに合わせて連打するだけで、美しい伴奏を奏でることができます。 音楽理論を学べる KANTAN Musicは、作曲の学習やジャズの楽譜などで用いられる度数表記（ディグリー）を元にしているので、音楽を学んだことのある人なら楽譜が無くてもすぐに演奏できます。 また、音楽の知識がない人も、楽譜どおりに弾いていると自然に音楽理論が身につきます。 インストール不要・PCでもスマホでも KANTAN Play はWEBブラウザ上で動作するので、面倒なアプリのインストールは不要です。パソコン、スマホ、タブレットなど様々な端末で演奏できるので、学校の音楽教育の場面でも活躍します。 専用楽譜は10万曲以上 KANTAN Musicに
SMS OTP form best practices | Articles | web.dev
SMS OTP form best practices Stay organized with collections Save and categorize content based on your preferences. Asking a user to provide the OTP (one time password) delivered via SMS is a common way to confirm a user's phone number. There are a few use cases for SMS OTP: Two-factor authentication. In addition to username and password, SMS OTP can be used as a strong signal that the account is o
React Aria
Bring your own styles. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. Learn more <DatePicker> <Label>Date Planted</Label> <Group> <DateInput> {segment => <DateS
HTMLのInput要素のinputmodeのスマートフォンのキーボードがどのように表示されるを整理してみた - Qiita
はじめに この記事はZOZOテクノロジーズ #4 Advent Calendar 2020 の15日目の記事です。 昨日は @TAKAyuki_atkwskさんのALB で gRPC を利用する on EKS - Blogaomuでした。 概要 タイトルの通り、HTMLのInput要素のinputmode属性を指定したときにスマートフォンのキーボードがどのように表示されるかを整理してみた記事です。 調査をしている方の参考になればと思い、記事にしました。 書いてあること inputmodeのざっくり説明 サンプルコード inputmodeで表示されるiOSとAndroidのキーボード表示 書いていないこと inputmodeの詳細な説明 想定しているキーボードを表示させるための工夫 内容 inputmodeとは？ その名の通り、input要素の入力時に表示されるソフトウェアキーボードの種類を
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
ブラウザのキーボードを制御する inputmode
October 26, 2019 created( August 1, 2022 updated ) input[type]によるキーボードの表示制御Googleの記事、web foundamentals 最適なフォームの作成では、type属性による入力しやすいキーボードの表示コントロールが説明されていました。 例えば、type="email"を指定すると、 <input type="email"> emailが入力しやすいキーボードが表示されます。 しかし、この指定方法には副作用もありました。 例えば、type="number" を指定した場合、 <input type="number"> このように、入力フィールド内に余計な入力補助要素 が表示したり、フィールドにhoverした状態でmouse wheelを動かすと 入力済みの値が勝手に増減 したりします。 前者はCSSで後者はJava
iPhoneで簡単にコードを書けるアプリ「Musician Keyboard」が便利すぎる
こんなインプットメソッドがほしかった。 ピアノやギターなど、コード楽器をやる人はコード譜を入力する機会は多い。コード譜というのは、CとかFとかGとかAmとかいう和音を簡単にアルファベットで記載したもの。「この曲のコードを知りたい」と思えば、ネットで「曲名 コード」「song name chords」と検索すれば出てくる。便利な世の中だ。 自分で作曲する場合にも、コードだけ書いて、それに合わせてメロディーや歌詞を追加したり、その逆だったり、いずれにしてもコードを入力することは頻繁なのだ。筆者の場合はライブで演奏する場合、出来るだけ1枚で済ませたいので楽譜は歌詞とコードだけ入力したものをiPadで表示している。 だが、このコードというのがちょっとやっかい。基本的には英数字と記号なのだが、 大文字で使うのはAからG、そしてM 小文字はaugとかdimとかsusとかmとか 数字は頻出 #とb とい
【寿司打】WebGL版
いつもサイトをご利用いただきありがとうございます。 平日のアクセス集中によるtypingx0.netのサイトエラー（502）緩和の為、 「寿司打」のコンテンツを http://typingx0.net/sushida/ から https://sushida.netに移転しました。 変更点はアドレスとSSL対応のみで、コンテンツの内容には特に変更はございませんが 学校や会社などでセキュリティソフトやフィルタリングソフトをご利用の場合は、 sushida.net のドメインをブロックから除外していただく必要があるかもしれません。 （※詳しくは、学校や会社でサイトの表示がブロックされる をご参考ください）
めざせ！タイピングマスター - FMVキッズ : 富士通パソコン
ローマ字タイピング きほんコース キーの配置（はいち）を覚（おぼ）えよう 右手のひとさし指を「J」の上に、左手のひとさし指を「F」の上におくよ。 ホームポジションを中心にして、キーの位置（いち）をおぼえるよ。 上段 中段 下段 それぞれの指の動かし方を覚（おぼ）えよう！ それぞれの指のキーを練習すれば、スムーズにタイピングできるよ。 最初はゆっくり少しずつスピードを上げていこう。 左手人差し指 左手中指 左手薬指 左手小指 右手人差し指 右手中指 右手薬指 右手小指 かなタイピング きほんコース キーの配置（はいち）を覚（おぼ）えよう！ 右手の人差し指を「ま」の上に、左手の人差し指を「は」の上におくよ。 ホームポジションを中心にして、キーの位置（いち）をおぼえるよ。 4段 3段 2段 1段 それぞれの指の動かし方を覚（おぼ）えよう！ それぞれの指が担当するキーを習得すれば、スムーズにタイピ
macOS Sierra で Karabiner-Elements を使って左右の Commandキーで「英数 / かな」の切り替えを行う方法 | R
随分と更新をサボっていますが、生きています。少しだけビールの量が増えたこと以外は、だいたい元気でやっています。 そんなことはどうでも良いのですが。 macOS Sierra になってから、取り分け US キーボードを使っているユーザーにファンが多いと思われる Karabiner が動かなくなってしましました。 USキーボードのユーザーにファンが多いと推測している理由は。 「英数」キーや「かな」キーがない USキーボードで、左右の Command キーを単独で押した時に、それぞれ英数キー、かなキーとして動作させることができるという素晴らしい機能があったからです。 これまで代替アプリとして「⌘英かな」を使っていたのですが。ふと気づくと動かなくなっており、アプリを再起動することが結構な頻度でありまして、気になっていた Karabiner-Elements を再度調べたところ、以前は完全にキーを置
Engadget | Technology News & Reviews
How to watch Polaris Dawn astronauts attempt the first commercial spacewalk
電池要らず！iPhone/iPad用有線ミニキーボード | 【公式】サンコー通販サイト
平日14時、土日12時までのご注文で当日発送 最短翌日お届けの条件 平日14:00まで土日12:00までのご注文で当日出荷。 ※下記の場合は対象外となります。 土日祝日のご注文 / 銀行振込・コンビニ先払い・キャリア決済でのご注文 / 予約商品/麻雀卓/大型商品の場合 翌日到着エリア（離島など一部例外地域もございます。） 東北青森県、岩手県、秋田県、宮城県、山形県、福島県 関東茨城県、栃木県、群馬県、埼玉県、千葉県、東京都、神奈川県 中部新潟県、富山県、石川県、福井県、山梨県、長野県、岐阜県、静岡県、愛知県 近畿三重県、滋賀県、奈良県、和歌山県、京都府、大阪府、兵庫県 中国岡山県、広島県、鳥取県、島根県、山口県 四国香川県、徳島県、愛媛県、高知県 翌々日到着エリア（離島など一部例外地域もございます。） 北海道北海道 九州福岡県、佐賀県、長崎県、大分県、熊本県、宮崎県、鹿児島県 ※沖縄・離島
何故プログラミングに効果音は必要なのか、あるいはVimで爆発する方法 | 遥か彼方の彼方から
この記事はVim Advent Calendar 2012の312 日目の記事です。昨日はid:cohamaさんの「‘set relativenumber’ で Vim のカーソルの縦移動とかを改善する」でした。 効果音は素晴しいみなさんはゲームの効果音は好きですか？ 僕は大好きです。 自分の操作に合わせて音が鳴る。適切なタイミングで鳴る適切な効果音は、単にコントローラを操作する以上の、ゲームへの没入感を生みます。 もちろん、効果音がなくてもゲームは成り立ちます。iPhoneなどでプレイするときは音を消してプレイすることもよくあるでしょう。それでも一度音を流してプレイすれば、効果音の良さに感動します。 さて、プログラムです。エディタです。Vimです。 プログラミングもまた、効果音があるといいとは思いませんか？ 思いますよね？ ということで、プログラムの際に効果音を鳴らす方法をまとめました！
ゆっくり建てる Parallels上でのUSキー再設定
最近Parallels Desktop 4.0 For Mac を起動しても文字を打つという作業をしておらず、いざUSキーへと変わった私のMacBook上で打ち込み作業をしようとするとキーボード設定が以前のまま（JISキー設定）であることに気づきました。 「キーボードのプロパティ」を確認しますとちゃんと「英語キーボード」になっていたのでおかしいな～と思いつつ再び設定してみることに。 まず「ドライバ」のタブをクリック。 「ドライバの更新」をクリック。 「一覧または特定の場所からインストールする」を選択します。 「検索しないで、インストールするドライバを選択する」を選んで次へ。 そしてここで「互換性のあるハードウェアを表示」とあるチェックを外し、「標準キーボード」～「101/102 英語キーボードまたは･･･」を選び次へ。 後は促されるがまま再起動をすると仮想XP上のキーボードもMacBook
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hello World!
【Swift】TextFieldのキーボードを閉じる方法3選 - Qiita
TechCrunch | Startup and Technology News
