![ゼロから始めるアクセシビリティ 「Backlog」の事例に学ぶ、ユーザーのための改善とは | イベント・セミナー](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfb70edcf82199bfc3ce03342e5bd959506292fe/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2019%2FJAC%2F1129_bl_people_ogp.jpg%3Fitok%3DmmrtSxQX)
こんにちは。飴を加えている中年のエンジニアです。いつもお世話になっております。 この記事はアクセシビリティ Advent Calendar 2019の14日目の記事です。昨日の記事は森のくま〓さんのVoiceOverを学ぶ第一歩でしたが、もうお読みになりましたか? 昨年も僕は、同じような時期にBacklogとスクリーン・リーダーと就労環境のアクセシビリティについてという記事を書いて、僕が仕事をする上でBacklogを使うことが難しかったこと、開発元のヌーラボの皆様がアクセシビリティを改善するために取り組みを開始してくださったことを紹介しました。 あれから1年、Backlogはスクリーン・リーダーユーザーの僕にとってかなり使いやすいタスク管理ツールになり、おかげで僕は、職場でチームのタスク管理にBacklogを使用しています。 今回は、Backlogユーザーとしての僕と、ヌーラボの開発者の方
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス
Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている(圧縮版は7KBだ)。必要な画像やCSSを合わせても
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
@ITの人気連載「ウェブアプリケーションのユーザーインターフェース」。GUI の基礎的な概念の確認から、ハイパーメディアに適したデザイン、設計プロセスについてのメソッド、各種UIコントロールを利用する際に考慮すべきルールなどを順を追って解説しています。(執筆:上野) 第1回:ユーザーにとっては “ユーザーインターフェイス” こそが製品そのもの 第2回:ユーザーが選びやすいフォームのカタチを考えよう 第3回:UCD=利用者中心設計のプロセスとは? 第4回:お金を下ろせないATMの画面デザインを考える 第5回:入力情報を預かる責任を果たせる画面デザインとは? 第6回:「戻る」で入力データが消えてしまうフォームはいらない 第7回:すでに入り口にいるのに、ホームに導くボタンは親切か 第8回:ユーザーが間違えても間違えずともエラーは回避せよ 最終回:売りたいなら、“販売” でなく “購入” ツールを
7月3日に掲載した記事「jQueryを使ってるならコレ! ウィジェットライブラリの決定版 - jQuery UI」ではjQuery UIの簡単な概要と、jQuery UI/SliderとjQuery API/CSSを組み合わせたサンプルコードをいくつか紹介した。簡単なコードを追加するだけで、工夫次第でさまざまな使い方ができるUIを作成可能ことがおわかりいただけたと思うが、jQuery UIには他にも汎用性の高いコア機能とウィジェットが用意されている。本稿ではその中でもとくに興味深いウィジェット「Datepicker」「Dialog」「Tabs」を紹介する。 なおWebブラウザ実行環境と使用したJavaScriptファイルは次のとおり。 Microsoft Windows XP SP3 / Microsoft Internet Explorer 7 FreeBSD 8-current / M
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
Free Admin Template For Web Applications Rather than standard website templates, a free admin template is nearly impossible to find.管理者ページのテンプレートが配布。 管理ページテンプレートを見てみる CSSテンプレートなんかは多いですが、管理者ページというのは珍しいですね。 なかなかクールなテンプレートなので、管理ページに当てはめれば、使いやすくカッコいい管理ページになるでしょう。 目の付け所がなかなか面白いですね。 関連エントリ CSSでクールなINPUTフォームを作成するサンプル 使えるCSSレイアウトテンプレート集「mycelly.com」 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」
URI は綺麗であるべき、と常々思っているんですが、よいページを発見しました。 Michael Eakes のこのエントリです。 Tanya Rabourn がリストアップしている文献一覧からエッセンスをまとめてくれています。 曰く、よく設計された URI とは 変らない(don't change) 人間が推測可能(are human guessable) 論理的(ファイルシステムを反映する必用がない) (are logical (no need to mirror a filesystem)) サイト構造をビジュアライズするのに役立つ(help visualize the site structure) 短い(are short) 小文字を使う(use lowercase) 予期されない記号を使わない(don't use unexpected punctuation) 問合せパラメータな
jContext 1.0 - The ultra-lightweight right click context menu for jQuery | Keansphere 右クリックメニュー等コンテキストメニューをカンタン作成JS「jContext」。 次のような独自右クリックメニューをカンタンに実装できるようです。 初期化は以下のようにJSでシンプルに。 $(obj).showMenu({ opacity:0.8, query: "#myMenu2", zindex: 2000 }); マークアップも次のように直にHTMLが記述できて便利。 <div id="myMenu2"> <ul> <li><a href="#">Create New Class</a></li> <li><a href="#">Delete Class</a></li> <li><a href="#">Get a
AJAX、リッチインターネットUI、マッシュアップ、コミュニティ、ユーザ作成コンテンツなどなど、いずれも複雑さを増すばかりでさほど値打ちはない。これらをデザインするとなると、リソースもかなり必要になる。巷で騒がれているものが最大の利益をもたらすことはないということが(またしても)明らかになったというわけだ。 Web 2.0 Can Be Dangerous by Jakob Nielsen on December 17, 2007 利益を追求しようと思うなら、Web 2.0は危険かもしれない。巷で話題のテクノロジー開発に夢中になるということは、あなたのユーザに、ひいてはあなたの利益にとって本当の意味で重要な投資対効果の高いデザインにあてられるはずのリソースをそちらに回すことに他ならない。 少し前にお目見えしたテクノロジー(FlashやPDFが代表例)とは違い、Web 2.0はユーザにとって
気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 | ログイン 米ブラウン大学の電子政府ランキングが最近発表された。私はそれを見て大変なショックを受けた。同時に、日頃から「美しい国」の電子政府に疑問を抱いている私は「やはりね」という思いを募らせた。 昨年は8位であった日本のランクが、何と40位に落ちたのだ。39位が北朝鮮というのもショックだった。日本の電子政府は北朝鮮よりも劣っているらしい。ちなみにランキング1位は昨年に引き続き韓国、2位、3位はシンガポール、台湾と、アジア勢が上位を占める。 4位が米国、5位が英国、6位がカナダといったあたりは、いつもの顔ぶれである。日本より上位で私が個人的に気になったのは、39位の北朝鮮以外に32位のアゼルバイジャン、34位のブータン、35位のコスタリカ、37位のエチオ
ModalBoxとは? ModalBoxはMacOS X風のダイアログを表示するライブラリです。ダイアログ内に表示する内容は非同期通信で読み込まれます。表示できる内容はHTMLファイルやテキストファイルのみで、単純に画像を表示することはできません(*1)。ModalBoxはHTMLファイルを表示するためダイアログには決められたボタンだけでなく様々な情報を表示することもできます。また、ModalBoxはprototype.jsライブラリとscript.aculo.usライブラリを利用しています。 ModalBoxはこのURLにあるページからダウンロードすることができます。 ModalBoxのダウンロードサイト ページ上にある「Download latest version」の囲みの中にある「ModalBox 1.5.3」をクリックするとダウンロードが開始されます。ダウンロードしたファイルはZ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く