iPhoneの裏をトントンするだけでここまでできる！知ってると超得な「背面タップ」便利ワザ | iPhone修理・ipad修理・スマホ修理やスイッチ修理のお役立ち総合情報サイト「スマテクマガジン」
iPhoneには背面をタップすることで様々な機能を使うことができるのを知っていましたか？ 「背面タップ」と呼ばれるこの機能は、スマホを便利に活用できるカスタムがたくさんあります。 デフォルトでiPhoneに搭載されている設定だけでも便利なものはたくさんあり、誰でも今すぐに設定が可能です。 さらに、「ショートカット」というアプリと組み合わせるとカスタムは無限大です。 この記事ではiPhoneの背面タップのおすすめカスタムについて解説していきます。 誰でも簡単に設定できるように解説しているので、ぜひ見ていってください。 背面タップとは 背面タップとは2020年9月にリリースされた「iOS14」から備わった機能です。 背面を2回、または3回トントンとタップすることで、あらかじめ設定していた機能を動かすことができます。 iPhoneの内部には「加速度センサー」が備わっています。 このセンサーが振動
divやspanでボタンっぽい要素を作ると大変なことになるからbuttonを使おう - Qiita
Ateam Brides Inc. Advent Calendar 2021の10日目はデザイナーの綿貫（@xrxoxcxox）がお送りします！ この記事の概要 ボタンっぽい見た目の要素をクリックしたら検索フォームが動くとか自分のプロフィールを更新するとか、そういうインターフェースはたくさんありますよね。 ときどきdivやspan要素にaddEventListener('click', function)をつけて動かしているのを見かけるのですが、結局改善を求められるはずでしかも工数がかかります。 というわけでシンプルにbuttonを使いましょう、と啓蒙する記事です。 伝えたいこと ボタンっぽい役割の要素であればbuttonタグを使いましょう！ この1点のみです！ divやspanでボタンっぽい要素を作るとどうなるの？ タブキーでフォーカスを当てられない enterやspaceでボタンのアク
「mixi2」登録者、5日で120万突破 責任者の笠原氏「巨大SNSのレコメンド重視に寂しさ」
MIXI社は12月20日、16日に公開したスマートフォン向けSNS「mixi2」（iOS／Android）の登録者が120万人を突破したと発表した。公開から5日で達成した。 ちなみに、2004年公開の初代mixiが100万ユーザーを突破したのは、オープンから1年5カ月目の05年8月だった（関連記事）。 mixi2は、mixiオープンの20年後に公開した短文SNS。つぶやきを投稿／共有できるタイムライン機能や、画像でリアクションできる機能（エモテキ）、趣味嗜好などで集まれる「コミュニティ機能」などを備えている。 「今を共有でき、すぐ集える」を軸に、リアルタイムコミュニケーションを手軽にできる場としての提供を目指し、情報収集だけでなく、日々できごとの共有、友人・知人での流行を知る、仲が良い人との交流を楽しむ、といった利用を想定している。 笠原氏「巨大SNSのレコメンド重視に寂しさ」 mixi2
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない
フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモードではフォーカスリングが表示されない問題があります。この記事では、ハイコントラストモードでフォーカスリングを表示する方法について解説します。 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングはキーボード操作をしているユーザーにとって現在のフォーカス位置を把握するための重要な要素です。このことは WCAG 2.2 の 2.4.7 項目で要求されています。 (レベル AA) キーボード操作が可能なあらゆるユーザインタフェースには、フォーカスインジケータが見える操作モードがある。 達成基準 2.4.
色覚異常補正レンズを買った
私は先天性の色覚異常である（wiki先生によると色覚多様性という言い方もあるらしい）。 もっとも、「最後の赤と緑、赤い方を切れ！そうすれば爆発を回避できる！」……みたいな経験もないので、仕事や日常生活にはさほど困ってはいない。 ただ、興味本位と日常の些細な問題（靴下の色を取り違える、焼けてない肉を食べそうになる etc.）から、先日、色覚補正用レンズを購入した。 色覚異常を持つ人は男性で約5%の割合でいるそうだ。強弱はともあれ、佐藤・鈴木・高橋姓を足した人数くらい、先天的にその特性を持っているはずである。 まぁ、日常生活で気付くことはまず無理だし、赤の他人から指摘するのも（たぶん）躊躇われるし、で同様に困ってる人にはまだリアルで遭遇していない。 自身の場合は母方祖父がそうだったため、家族からの指摘で比較的早い段階で気付くことが出来た。 早い段階で気付けたことと、見分けのつきにくい色もバンバ
Googleマップ、施設が「車椅子対応」かどうかの表示スタート
米Googleの「Googleマップ」の「場所」の説明に、「車椅子対応の入り口」という項目が追加された。「Googleローカルガイド」のチームが12月15日（現地時間）、Google+で発表した。 すべての場所を網羅するわけではないが、日本のGoogleマップでも場所によっては表示される。 車椅子対応ということはベビーカーや杖の利用者にとっても入りやすいということで、多くの人にとって有用な情報といえる。 Googleマップのモバイルアプリで場所を表示し、概要説明テキストの右に「＞」がある場合、スワイプすると表示される「○○について」のページの「ホテル設備」（英語版は「Amenities」）の1項目として「車椅子対応の入り口」が表示される。 米Business Insiderによると、これは、GoogleでGoogleドライブのプロダクトマネジャーを務めるリオ・アカサカ氏が、“20％の自由時
差別とアクセシビリティ - 下村和也
差別とアクセシビリティ アメリカに留学していた時に、痛感した日米のアクセシビリティや差別に対する考え方の違いについて書いてみようと思います。 聞こえなくてもできることを突き詰める 私は、日本で、「聞こえなくてもできることを突き詰める」ことが、聴覚障害者の生きる道だと思っていました。大学１年生の頃から、ひたすら勉強をして、大学４年次に公認会計士試験に合格しました。その後、程なくして、大手監査法人から健常者と同じ条件の素晴らしいオファーを手にすることができました。それは一つのサクセスストーリーだと思います。 しかし、「聞こえなくてもできること」をどれほど突き詰めても、競争の激しい組織では、出世できないことに気づきました。 持っている能力をフルに発揮するには、音声情報の壁を克服する必要があると思うに至りました。 具体的には電話や会議ができないことが、仕事上の大きな壁になっていたのです。 どれほど
これが本当の神アプリ、手話を音声に変換するアイデア「Google Gesture」が素晴らしすぎる
学生たちのアイデアが、巨大な言葉の壁を打ち壊すかもしれない。 この「Google Gesture」の仕組みはこうだ。 まず、手話を話す人の腕に、筋肉の動きと手・腕の位置を感知するバンドを装着する。 そして、手話をおこなう際の動きがスマートフォンに送信され、専用アプリがリアルタイムで音声に変換する。 「Google Gesture」は、手話をリアルタイムで音声に変換することで、健常者が手話を習得することなく手話を使用する人々とのコミュニケーションを可能とするアイデアで、いま実際に開発されているものではない。世界の学生を対象にしたアイデアコンペ「Future Lions 2014」でスウェーデンのBerghs School of Communicationの学生たちが受賞した。 旧約聖書によれば、人はバベルの塔を建設しようとしたために、神によって異なる言葉を使うようにさせられ混乱したという。そ
ノンデザイナーのための配色理論
スマホマーケットの概要と、�マーケティングの失敗例と改善 （アナリティクス アソシエーション 特別セミナー）
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。... on Twitpic
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
プログレッシブエンハンスメント（Progressive Enhancement）という考えかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント（Progressive Enhancement）という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化（パソコンだけでなく、携帯電話やスマートフォン、支援技術など）、ユーザーの抱える身体的状況の多様化（障害、加齢、怪我、など）、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です（Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね）。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします（たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる
NVDA日本語化プロジェクト - NVDA Japanese Users | Google Groups
NVDA - 無料でオープンソースのスクリーン・リーダー NVDAは、視覚障害者のユーザーが、晴眼者と同じように、コンピュータとOS以外の出費をしなくてもWindowsが利用できるようにとの目的で開発され、現在も進化を続けている無料でオープンソースのMicrosoft Windowsオペレーティングシステム用のスクリーン・リーダーです。 オーストラリアのMichael Curran氏をはじめとした多くの人たちによって、2006年より開発され、20ヶ国語以上の言語に翻訳されています。NVDAはまだ開発途中のスクリーン・リーダーであり、予期せぬ問題を含んでいる可能性があります。商用スクリーン・リーダーには及びませんが、Windows上の基本的な作業であればNVDAを用いて行うことができます。 NVDA日本語化プロジェクトについて このプロジェクトは、無料でオープンソースの高機能スクリーン・リー
WAI-ARIA導入（日本語訳） - Trans
著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど
WAI-ARIA（日本語訳）：日立のユニバーサルデザイン
WAI-ARIAとは、Web Accessibility Initiative-Accessible Rich Internet Applicationsの略で、W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。JavaScriptやAjaxなどを使用した動的なコンテンツは、スクリーンリーダーやキーボード操作では利用できないことがあります。WAI-ARIAは、そういった問題を解決すべく、W3CのProtocols and Formats ワーキンググループ (PFWG) において策定されています。 WAI-ARIAの関連文書群の原文は英語ですが、日本におけるこの仕様への理解と普及が進む一助になればと、日立が社内用に翻訳した文書を日立のユニバーサルデザインサイトで公開します。Webサイト、Webシステムのアクセシ
色覚障がい者に配慮したWebサイトの作り方
色覚障がい者に配慮したWebサイトの作り方今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった焼肉の際、生肉と焼けている肉の区別がつきにくい電車の路線図がわかりにくい黒板に書いた赤チョークが見えにくいUNO、
アクセシビリティ規格JIS X 8341-3が改正、重要な関連文書も続々と公開:WebClip - ウェブ制作、UXD／IA、アクセシビリティ
こんにちは。“時代の3歩先をねらうWeb屋さん”羽山 祥樹です (ハンドル名をミキ・オキタから変更しました)。 このブログ「WebClip ウェブデザインのニュース」では、Webデザイン・Webマーケティングの話題をお届けしています。 Webアクセシビリティ規格 JIS X 8341-3 の官報改正が公示 8月20日、日本のWebアクセシビリティ規格 JIS X 8341-3 の官報改正が公示されました。 あわせて昨日23日、改正された JIS X 8341-3 の理解と実践に必要な関連文書がウェブアクセシビリティ基盤委員会より公開されました。 日本工業標準調査会 JIS検索 「JIS規格番号からJISを検索」から「x8341-3」で検索することで閲覧できます。 ウェブアクセシビリティ基盤委員会 JIS X 8341-3:2010 関連文書 JIS X 8341-3 の改正版(以下、JIS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色覚異常の人のために開発された「Google Chrome」用の拡張機能「カラー エンハンサー」NOT SUPPORTED
青と緑を区別しない言語：色にまつわる雑学
http://mahoro-ba.net/e1002.html
