本文へ


検索結果

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

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. 広報とよなか4月号
epub版(抜粋) 広報誌はできるだけたくさんの市民の方に読んでいただきたい媒体ですが、アンケートなどで、年齢層によっては広報誌を全く読まないという結果も出ています。 そこで、比較的紙の媒体を読まない年齢層を視野に入れ、web、端末、スマートフォンなどで閲覧できるよう、汎用性の高いepubで、視覚的に見せている広報誌をどのように表現できるのかを、今回イーパ部の活動を通して試みる機会を得ることができましたので、チームAはそれに取り組みました。 媒体として、「広報とよなか4月号」の過去のデータを許可をいただき使用。 これはイーパ部の活動として独自に制作させていただいたものですので、豊中市の意向とは関係ありません。 制作フロー 八尋担当 広報誌用に作成した InDesignデータを流用してepub書き出し …の予定でしたが、印刷用に作られたデータは複雑で、 epub書き出し用に調整するのに非常に時間を費やした 上に、エラーで書き出しすらできませんでした 断念 epub書き出し用に、 InDesignで新規に作成 本文中に使用されているピクトをテキスト変換や機種 依存文字の修正などのテキストの調整や、画像データ をRGBに変換、写真の代替テキストなど挿入など epub書き出し みるく担当 アクセシビリティチェック 写真には適切な代替テキストがあるかどうか 背景色と文字色のコントラスト比は十分取れているか 文章構造に基づいてマークアップされているか XHTML&CSS修正作業&content.opfとtoc.ncxファイル作成 アクセシビリティチェックでひっかかった箇所の修正 デザイン通り表示していない箇所の修正 いらないタグやid,classを削除 content.opfには使用するファイルをすべてここに記述 toc.ncxは、目次を作成するファイルなので見出しを記述 EPUBコンテナを作成 OEBPSフォルダとMETA-INFフォルダをzip形式で圧縮 圧縮したファイルの形式をepubに変更 Windows用の「ePubPack」というツールを使用しEPUBコンテナを作成 チーム全員 レイアウト確認 Adobe Digital Editions・Firefoxのアドオン・iPad・iPhone・CopperReader・Himawari 修正 確認 修正 確認 修正 完成 目指したこと アクセシブルにする マルチデバイス対応 上記の条件をクリアしつつ、理解しやすいく退屈しないレイアウト レイアウトについて ...

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

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

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

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

7. お問い合わせ
// +---------------------------------------------------------------------------+ // | Geeklog FormMail Static Page | // +---------------------------------------------------------------------------+ // | Copyright (C) 2008-2010 by the following authors: | // | | // | Authors : Hiroshi Sakuramoto - hiro AT winkey DOT jp | // | Sponser : White Bear Family CO., LTD | // | Coordinate ...

8. 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.

9. アクセシブルな電子書籍作成にチャレンジ・広報とよなか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のグループを作成してくださり、これで準備万端です。

10. aria-labelledby属性とaria-describedby属性を4種スクリーンリーダーで読み上げた検証結果
aria-labelledby属性とaria-describedby属性を4種スクリーンリーダーで読み上げた検証結果 2015年6月26日に検証した結果です。OSとスクリーンリーダーのバージョンとブラウザの組み合わせは下記の通りになります。 Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/Sブラウザ HTMLの記述 NVDA PC-Talker VoiceOver TalkBack <label id="label--email">メールアドレス ※</label> <input type="text" id="email" name="email" aria-labelledby="label--email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> メールアドレス※ エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 メールアドレス※ テキストフィールド 半角英数で入力してください。 メールアドレス エディットテキスト 半角英数で入力してください。 <label>メールアドレス ※</label> <input type="text" id="email" name="email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 ...

11. Validation result how to read the combination of ...
Validation result how to read the combination of the aria-labelledby attribute and the aria-describedby attribute by screen readers. I verified on June 26, 2015. The combination of version of the OS and the screen reader and the browser is as follows. Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/S browser The screen ...

12. チームBの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.1.3.1から7.2.1.2)
チームBの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.1.3.1から7.2.1.2) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.1.3.1から7.2.1.2の実装チェックを2014年12月14日に行いました。 7.1.3.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況 A: ウェブコンテンツ技術が、表現によって伝えている情報及び関係性をプログラムが解釈可能にするセマンテックな構造を提供している場合: 1 セマンティックなマークアップを用いて、強調したテキスト又は特別なテキストを示す ○ ○ AF A-1 G115 H49 強調、又は視覚的な装飾個所が特別な意味を持つ場合、その情報がセマンティックなマークアップによって伝えられているかどうかを確認する。font、b、i、uの使用は禁止されてはいないが、セマンティックなマークアップ(em、strong)が併用されていなければならない。 2 引用箇所がある場合、blockquote要素でセマンティックにマークアップする ○ ー AF 該当要素なし  A-1 G115 H49 引用箇所に、blockquote要素が使われていることを確認する。 3 引用箇所に参照情報がある場合、参照先を cite 要素でセマンティックにマークアップする ○ ー AF  該当要素なし  A-1 G115 H49 ...

13. 1st Step Shoes Community
穂高@さんが、WAIproCSSをベースに構築されたサイトです。 手作りのベビーシューズがとっても可愛いです。

14. TKTools.jp
GeeklogやZenCartのサポートされているkinoさんのサイトです。 過去に私が作成したGeeklog1.8.1のテーマ「newspaper」を使って頂いてました!

15. オビタスター株式会社
GeeklogJapaneseにサーバを提供されている、WEB作成会社です。 こちらに私が作成したZen Cartのアクセシビリティテンプレート 『sweets』と『dog』を掲載していただいています。

16. シコーサクゴGeeklog
テーマ「Lovely」で使用させていただいたmycaljpのスライドカレンダーやテーマ「Smallboxes_Type2」を開発されたdengenさんのサイトです。

17. Hiroron Labs
wkyInstallerはオープンソースを超簡単にインストール出来ます。ひろろんさんが広島からオープンソースを使う人たちに愛と平和を届けられてます。

18. GeeklogJpWiki メインページ
GeeklogJpWikiのメインページです。

19. Geeklog増殖計画
このサイトでも使わせていただいている「メタタグプラグイン」や「KZ_Templateクラス」を開発されたmystral-kkさんのサイトです。「こんなプラグインがあったらいいのになぁ」を実現してくださるmystral-kkさんのサイトでは、掲示板で開発されたプラグインのサポートをされています。

20. Rebirth for Geeklog1.4.1
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。

21. レスポンシブWebデザインテーマ「square for 2.1.0」
「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースにHTML5のレスポンシブWEBデザインの新テーマを作成しました。 PCは2カラム、タブレットやスマートフォンでは1カラム(iPadとAndroidのlandscapeは左右ブロック2カラム)レイアウトになります。 管理画面のコンフィギュレーション > テーマの拡張設定タブにある"右ブロックを常に表示する"を「いいえ」にして使用してください。 (「はい」にするとレイアウトが崩れてしまいますのでご注意ください!) Geeklog 2.1.0日本語パッケージ拡張版に梱包されているプラグインの表示確認はしておりますが、その他のプラグインでtableで構成されている又はCSSでfloatを使用しているプラグインについては、 スマートフォンのサイズには対応していない場合がある事ご了承ください。(情報が欠けたり動作しないという事はありませんが、レイアウトは崩れはご自身で調整してください) facebookの窓 等 横幅を絶対値で指定している箇所がある場合、その数値(横幅)より小さいサイズのデバイスで閲覧すると横スクロールバーが出てしまうかレイアウトが崩れる可能性があるのでご注意ください。(ご自身で横幅を調整してください) このテーマのInternet Explorerへの対応は、9までになります。 テーマ「square」も「WAIproCSS」と同様、アクセシビリティに配慮して作成しています。 新テーマ「square」のライセンスは、WAIproCSSのライセンスに準じます。 詳しくは、このフォルダの中にあるREADMEご覧ください。

22. 第1回 D2D アクセシビリティ勉強会資料
2014年7月26日土曜日の14時から開催された第1回 D2D アクセシビリティ勉強会 の資料です。(PDF形式:4.77MB) 【重要】2014年7月30日4時 誤解を招く箇所(表紙を除く5,6ページ)がありましたので修正し差し替えました。誤解を招かないようにしなければいけないと書いておきながら、誤解を招くような事になり大変申し訳ありません。お手数ですが、差し替えた情報を再確認し正しく理解していただきますようお願いいたします。 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマにお話しした時の資料になります。

23. Rebirth for Geeklog1.4.1
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。

24. アクセシビリティの祭典のセミナー資料
2015年2月3日火曜日 神戸で開催されたアクセシビリティの祭典でD2DRAFTとして行ったセミナー「アクセシビリティ、制作者も自分目線で考えてみよう!」の資料です。(PDF形式:5.11MB) 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマに神戸バージョンとして40分お話しした時の資料になります。

25. Rebirth 1.2 for Geeklog1.5.0
Geeklog 1.5.0に対応させました。 このテーマはGeeklog1.5.0用です

26. WAIproCSS 2.0 for 1.5.0
このテーマはGeeklog1.5.0用です。  ・Geeklog 1.5.0に合わせて、ファイルを追加・修正・削除しました。  ・未使用のCSSファイルを削除しました。   ・レイアウトが解りやすいように、背景色を増やしました。  ・カラムの高さをそろえる為CSSの記述にmargin-bottom: -32768px       padding-bottom: 32768pxとあったのを削除しました。   ・リンクなどのhover、 focus、active時の表現を変えました。

27. OA020Aki for 1.6.1
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2 イラスト: Aki Matsumuraさん このテーマは「WAIproCSS Ver2.4.1」をベースに作成した3カラム固定レイアウトになります。 デザイン上、ナビゲーションは5つまでにしてください。 (ナビゲーション項目の文字数等によって5つ以下に設定しないといけない場合があります) 詳細はREADMEをお読みください。

28. アクセシビリティが必要な人たちの生の声が聞けるような動画を拝見しました
コメントありがとうございます。White Stage初めてのコメント嬉しいです♪ >すべての操作性というのを見たことがあるわけではないんですよね。でも、一度見るとイメージできる。それがすごく重要だなと思っています。 同感です。イメージできるのとできないとではかなりの差が出てくると思います。 >また、ご助言ください。ありがとうございます。 とんでもないです。私こそ、また色々と教えていただきたいと思っておりますので、今後ともよろしくお願いします。

29. ありがとうございます。
コメントありがとうございます。 「Rebirth」を使っていただけて、とても嬉しく思っております。 発表した「Rebirth」は、Geeklog1.4.1用で、申し訳ないのですが、まだGeeklog1.5.0に対応していないんです。 最近 Summer of Design '08で応募するテーマは、Geeklog 1.5に対応していないとダメらしい?事がわかったので、Geeklog1.5.0に入れても大丈夫かひろろんさんに見ていただいたら、管理画面でエラーが出る事がわかり、Geeklog1.5.0対応出来るよう修正しないといけないと思っておりました。 色々とお手数(ProfessionalCSSから移植する作業)おかけしまして、申し訳ありません。 投稿が反映されないという事も教えていただき、ありがとうございます。 出来るだけ早くGeeklog1.5.0対応出来るようにしたいと思っているのですが、PHPがわからないので時間がかかるかと思います。すみません。

30. フィードバックありがとうございます。
Justiceさん、こんばんは。 >1.4だったんですね。 はい。テーマ作成完了した時点で、まだ1.5.0日本語版が発表されていなかった事と Summer of Design '08 の応募規定では、特にバージョン指定されていなかったので、 Geeklog1.4.1のテーマとして作りました。 記事投稿出来ない件、詳細教えていただきありがとうございます。 Justiceさんのお陰で、1.5に早く対応出来るのではないかと思います。 >1.5からxhtmlになってますね。 はい。xhtml化は嬉しいです。 また、お気づきの点等ありましたら教えていただけると幸いです。


ページナビゲーション