本文へ


検索結果

次のキーワードについて検索: ''. 検索結果 1 - 30 / 168 件 (0.0202 秒). 検索条件の修正

1. Geeklog1.4.1のテーマを1.6のサイトで使う方法
基本的には、お使いのGeeklogコアパッケージの中にある/layout/ProfessionalCSS(1.6用)に今お使いの1.4.1のテーマのcustom.cssと /images/custom/* のみ上書きしていただき、header.thtml・footer.thtmlを修正していただければご利用可能です。(スタイルの調整が必要な場合は、今お使いのテーマのcustom.cssを修正してください) 私が作成したPhizeさん開発のProfessionalCSSをベースにしたテーマには、音声でのネットサーフ(音声読み上げ)を考慮し、ヘッタに聞き飛ばしが出来る様にナビゲーションスキップを設定し中央ブロックを先読みさせてあり、フッタにページの先頭へ戻るを設定してあるものがあります。

2. フォーカス時のアウトラインの役割をご存知ですか?
アウトラインの役割 リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか? アウトラインの役割を知らずに「何?この点線!じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。 リンクフォーカス時アウトラインが表示されないサイト リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り着く事ができるでしょうか? サイトは、プレミアムバンダイ|こどもから大人まで楽しめるバンダイ公式ショッピングサイトです。このページ内にある商品名「ふわふわでかチョッパー 新世界だぞコノヤロー!」の詳細ページ(予約ボタンのあるページ)を表示するのが目的になります。チョッパーは、アニメワンピースに出てくるキャラクターです。では、みなさんも私と同じようにキーボード操作のみで目的のページまで辿り着けるか試してみましょう。(FirefoxTabキーで移動していきます)

3. Geeklog新テーマ「snow」を発表しました。
mystral-kkさんより「一面銀世界の中で、一箇所だけ常緑樹か一輪の花が咲いていて、寒々とした世界の中でただそこだけが生命の息吹を感じさせる」というイメージをいただき、このイメージをテーマで表現してみました。これからの季節にぴったりな冬のテーマになります。 Geeklog新テーマ「snow」は、「WAIproCSS Ver2.4.0」をベースに2カラムリキッドレイアウトを採用してます。 ご覧いただく環境やプラグインやグローバルナビゲーションの数によって、文字サイズ拡大時に中央ブロックと右ブロックが重なってしまう場合があるのですが、テーマ「snow」も出来る限りアクセシビリティを考慮し作成しております。 (Fujitsu ColorSelector 5.02とカラーコントラストアナライザー 2.2を使用し 背景色と文字色のコントラストに配慮しています。(サイトロゴを除く))

4. 音声読上げソフト利用者のかたの生の声が聞きたくて
視覚障害者センターで行われているITサロンを見学させていただきました。 今回使用されていたソフトは、ホームページリーダー3.01でした。

5. IEで背景色を黒に文字色を白に設定した場合
Webサイトを閲覧する際、背景色が白では眩しくて見難いかたは背景色を黒にして閲覧されています。 Internet Explorer6でツールからインターネットオプションを選びユーザー補助の書式設定で「Webページで指定された色は使用しない」にチェックを入れ、色で背景色を黒にし文字色を白に設定してWebサイトを閲覧されているかたから「このように設定するとサイトによってはボタン等が表示されない場合があり、そのようなサイトが多くなってきている」と教えていただいたので色々と調べてみました。

6. Released the New theme "newspaper_en" of responsive Web ...
To the basic theme "WAIproCSS Ver2.5.1 for Geeklog1.8.1" Create a new theme for Responsive Web design to use Media Queries of CSS3. PC is 2 column、iPad& iPod touch is center block 1 column& left& right block 2 column Layout. The images were captured of the theme "newspaper_en" PC・iPad・iPod touch.

7. アクセシブルな電子書籍作成にチャレンジ・広報とよなかepub
あるアクセシビリティの勉強会でお会いした@StudioCORE_ さんが部長をされているイーパ部のお話を聞き、私も電子書籍にはずっと興味があったという話をしたところ、なんと@StudioCORE_さんからFacebook経由でイーパ部にお誘いいただきまして、第11回から参加させていただく事になりました。 イーパ部第11回は、Skypeで東京組と繋いで自己紹介から始まりました。関西組は、2つのチームに別れその中で何を電子書籍化するか話し合ったところ、私が入ったチームAは大阪府豊中市の広報誌と浄瑠璃の写真集の2つを作成する事になり、チームAの中でまた2組に別れ3人組で作業する事になりました。私が実際作業するのは広報紙のほうで、グラフィックデザイナーの@ako_yさんと編集のお仕事をされている@mori_taksiさんと大阪府豊中市の広報誌「広報とよなか」の2012年4月号のデータを使用させていただき、その中から特集(4〜9ページ)、お知らせ(12〜46ページ)の中の何ページか、夢はオリンピックで金メダル(46ページ)あたりを抜粋して電子書籍にする事に決まりました。目標は「アクセシブルでマルチデバイス対応のEPUB形式の広報誌を作成する」です。 チームのメンバーとコミュニケーションを取ったり情報を共有したりと作業を進行していくのにサイボウズLiveを使いました。@delight_d さんがサイボウズLiveのグループを作成してくださり、これで準備万端です。

8. 日本語翻訳版の「カラー・コントラスト・アナライザー」の2.2が公開されています。
WCAG2.0の勧告に伴いWAT-Cが開発を行っているツール「Contrast Analyser」の新しいバージョンが公開されています。 日本語翻訳版の「カラー・コントラスト・アナライザー」の2.2バージョンも同様に公開されています。

9. Geeklog新テーマ「naturalgreen」を発表しました。
新テーマ「naturalgreen」は、「WAIproCSS Ver2.4.0」をベースに2カラムデザインを採用してます。 右カラム(左右ブロックを包含)の幅を広くしています。 新テーマ「naturalgreen」もアクセシビリティに配慮して作成しています。

10. レスポンシブWebデザインの新テーマ「newspaper」をリリースしました。
新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック2カラムレイアウトになります。 テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。

11. Geeklog新テーマ「OA020Aki」を発表しました。
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2のGeeklog1.6.1対応新テーマ「OA020Aki」をリリースしました。イメージは、「天女の羽衣」です。 Geeklog1.6.1対応新テーマ「OA020Aki」は、大阪アニメーションカレッジ専門学校 Aki Matsumuraさんの作品を使用させていただき「WAIproCSS Ver2.4.1」をベースに3カラム固定レイアウトのテーマになります。 デザイン上、ナビゲーションは5つまでにしてください。 (ナビゲーション項目の文字数等によって5つ以下に設定しないといけない場合があります) ベースはWAIproCSS2.4.1を使用していますが、ナビゲーションの背景画像を固定している事や、コンテンツの背景画像を透過している事、ブロック間にCSSで縦線を設定していない為、WAIproCSSよりアクセシビリティが低くなる事ご了承下さい。(PC-Talker XPでの読上げのチェック、ハイコントラスト 背景色黒の状態でのチェック、背景色と文字色のコントラストチェックはしております)

12. ロービジョンのかたの為のデザインについて
ロービジョンのかたが情報を得やすいようにするには、大きなフォントに変更し、多くの方が好まれる明るい文字と暗い背景にスクリーンを反転します。 平坦な黒背景に明るい白文字は明るすぎるのでロービジョンのかたみなさんに機能する訳ではありません。 黒の背景あるいは濃い茶色の背景に緑、黄色、青の文字が良く、横スクロールを避ける為、構成は、1カラムがベストのようです。

13. レスポンシブでアクセシブルなGeeklogの新テーマ「square」をリリースしました。
レスポンシブWebデザインでアクセシブルなHTML5のGeeklogテーマ「square」は、「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースに作成したテーマです。PCは2カラム、タブレットやスマートフォンでは1カラム(iPadとAndroidのlandscapeは左右ブロック2カラム)レイアウトになります。 テーマ「square」 PC・iPad・iPod touchのキャプチャ画像です。 テーマ「square」のデザインを見ていただく為だけにダウングレードしたテーマsquareをこのサイトに入れております。 (このサイトは、HTML5に対応していないので、XHTML 1.0にしています) テーマのお試しで「square」を選んでいただくとテーマをご覧頂く事ができるので参考にしてください。 尚、このサイトでは見出しとグローバルナビゲーションにWebフォントを使用していますが、 同じフォントをテーマに梱包する事は出来ませんので、Webフォントを利用されたいかたはご自身のサイトで適用してください。

14. アクセシビリティ配慮型テーマ WAIproCSS 2.4.2 for 1.7.0 を発表しました。
アクセシビリティ配慮型テーマ WAIproCSS2.4.2を出しました。 2010年9月3日(金)にリリースされたGeeklog 1.7.0-jp-1.2 日本語パッケージ拡張版に入っているWAIproCSSと同じものになります。

15. PC-Talker XP Ver3を購入そして体験
やっと重い腰を上げ、スクリーンリーダーPC-Talkerを購入しました。 PC-Talker XP Ver3の使い方を学ぶ為、オンラインマニュアルのインターネットエクスプローラ操作方法をまず読んでショートカットキーの使い方を覚えたところで、早速このサイト(White Stage)のトップページを聞いてみました。(環境は、Windows XP Internet Explorer7です。) 聞いてみたところ、句読点を読上げるのが気になったので、読上げない設定にするにはどうしたらいいか調べたところ まほろば::PC-Talkerで、句点、括弧、改行の読み方の設定で説明されていたので、それを読ませていただき AOKメニューのPC-Talkerの設定を選び、なめらか読みの読み方を選び 文章の読み方で句点を読むのチェックを外し、改行の読み方は息継ぎに設定しました。

16. スクリーンリーダーNVDAに期待してます。
様々な連携から生まれる夢の実現で書いたように、音声読上げソフトを利用している友人が 「今はまだホームページリーダーを使用していてInternet Explorer6にしている。いずれネットリーダーを使用する事になるだろうけれど、ネットリーダーを購入する余裕がない。出来ればスクリーンリーダーですべて読めるようになってくれると一番嬉しい」と言ってました。 スクリーンリーダーNVDAは、友人の希望を叶えてくれるのではないかと思ってます。

17. Geeklog新テーマ「OA019Natsumi」を発表しました。
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2のGeeklog1.6.1対応新テーマ「OA019Natsumi」をリリースしました。 Geeklog1.6.1対応新テーマ「OA019Natsumi」は、大阪アニメーションカレッジ専門学校 Natsumi Hayashiさんの作品を使用させていただき「WAIproCSS Ver2.4.1」をベースにヘッダ、フッタ位置固定2カラムリキッドレイアウトになります。(IE6は、フッタ位置固定ではなくwrapperの高さを固定) デザイン上、ナビゲーションは7つまでにしてください。 (ナビゲーション項目の文字数等によって7つ以下に設定しないといけない場合があります) ベースはWAIproCSS2.4.1を使用していますが、ヘッダとフッタの位置を固定しコンテンツの背景に画像を使用している為、WAIproCSSよりアクセシビリティが低くなる事ご了承下さい。(PC-Talker XPでの読上げのチェック、ハイコントラスト 背景色黒の状態でのチェック、背景色と文字色のコントラストチェックはしております)

18. 新テーマ「Sky」を発表しました。
Phizeさん開発のProfessionalCSSをベースにカスタマイズした2カラムのデザインです。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。

19. Rebirth 1.4 Geeklog1.5.1用テーマ
テーマ「Rebirth」をGeeklog1.5.1に対応させました。

20. OA009Miyakoのテーマ完成&発表
大阪アニメーションカレッジ専門学校の嵯峨根都様デザインのテーマ「OA009Miyako」が完成しました。 テーマ「OA009Miyako」のダウンロードは、Geeklog Japanese ダウンロードセクション からお願いします。

21. iPadは手が不自由なかたにもやさしいのか?
手足が不自由なため車椅子で生活されているAさんにiPad2を実際に使ってもらい、使えない事等ないかを教えてもらいました。 また、手がまったく使えないかたがiPad2を使うにはどうすればいいかを考え検証してみました。

22. アクセシビリティ配慮型テーマ WAIproCSS 2.4.0 for 1.6.0 を発表しました。
アクセシビリティ配慮型テーマ WAIproCSS2.4.0を出しました。 2009年10月28日(水)にリリースされたGeeklog1.6.0sr2日本語パッケージ拡張版に入っているWAIproCSSと同じものになります。

23. WCAG2.0が勧告されました
WCAG2.0が現地時間2008年12月11日付けで勧告になりました。 Web Content Accessibility Guidelines(WCAG) 2.0

24. CMS-Geeklog.jpのアクセシビリティについて
様々なCMSがアクセシビリティに配慮していく中、Geeklog.jpもアクセシビリティに配慮したプラグインやテーマがあり、今後もGeeklog.jpはアクセシブルになっていく兆しをみせております。 それは、Geeklog.jpの開発者の方々がアクセシビリティに興味をお持ちで、積極的にアクセシビリティに配慮するように取り組まれているからです。 では、アクセシビリティに配慮したGeeklog.jpのプラグインとテーマについて紹介したいと思います。

25. Geeklog1.5.2対応「Lovely1.5」を発表しました。
cheche様のイラストとdengenさんが開発されたスライドカレンダーを使用させていただいた 固定800px3カラムデザイン「Lovely」をGeekog1.5.2に対応させました。 その他の更新は、下記の通りになります。 Geeklog1.5.2ProfessionalCSSベースにしました。 背景画像を修正しました。(デザインは変更しておりません) 聞き飛ばし部分を必要な箇所だけに修正しました。 このテーマの画像の著作権はcheche様の著作規約に則ります。著作権表示を削除してのご使用は出来ません

26. OSC2008 Kansai@KyotoでGeeklogのアクセシビリティについてアピール
今日、オープンソースカンファレンス2008 Kansai@Kyoto GeeklogセミナーでGeeklogのアクセシビリティについて話をさせていただきました。

27. 新テーマ「floral」を発表しました。
このテーマは、「ProfessionalCSS」をベースにしたカスタムテーマで、固定800px2カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 「ページの先頭へ戻る」は、いつでも上へ戻れるよう画面の下に固定配置してあります。(Windows Internet Explorer6以下では動作しません)

28. Geeklog Summer of Design '08に応募完了
Summer of Design '08  にGeeklogテーマ 「Rebirth」応募完了しました。

29. テーマ「WAIproCSS」 ver.0.92
今回の「WAIproCSS」バージョンアップ内容は、ここで記載しましたように、Operaでのレイアウト崩れの修正を含む、アクセシビリティに配慮した改良になります。特に音声読み上げの配慮に一番力をいれました 。

30. Lovely をはじめとするスライドカレンダを使用させていただいたテーマすべての修正版を公開しました。
「Lovely」「 christmas」「 NewYear」「 valentine」 のテーマは、サイトカレンダ mycaljp に同梱されているスライドカレンダ(水平方向に日付を配置したカレンダ)が組み込まれています。 これらのテーマをご利用中に、以下のことを行った場合、ページが正常に表示されなくなります。 PHPブロック関数版のmycaljpをアンインストールする。 プラグイン版のmycaljpをアンインストールする。 これを未然に回避するために、header.thtmlのPHPの記述をサイトカレンダ mycaljp プラグイン開発者であるdengenさんに教えていただいたように変更しました。


ページナビゲーション