本文へ


検索結果

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

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

32. 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での読上げのチェック、ハイコントラスト 背景色黒の状態でのチェック、背景色と文字色のコントラストチェックはしております)

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

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

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

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

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

38. 検索フォームのカスタマイズデモ
テーマは「newspaper」でご覧下さい。テーマを変更されるかたは右ブロックにある「テーマのお試し」で「newspaper」を選択して下さい 検索 記事に戻る

39. WAI-ARIA対応のタブメニューを4種スクリーンリーダーで読み上げた検証結果1
WAI-ARIA対応のタブ型 UI を4種スクリーンリーダーで読み上げた検証結果1 2016年12月 1日に検証した結果です。OSとスクリーンリーダーのバージョンとブラウザの組み合わせは下記の通りになります。 Windows7/NVDA2016.3jp/Firefox48.0.2 Windows7/PC-Talker7/Internet Explorer11 iOS 9.3.5/VoiceOver/Safari Android5.0.1/TalkBack5.0.4/Google Chrome53.0.2785.124 検証1 Tabs | jQuery UIの場合 jQuery UI - v1.12.1 - 2016-09-14 が使われているこちらのタブメニュー部分は、li要素にrole="tab"、a要素にrole="presentation"の記述になっています。また、li要素にはタブパネルdiv要素のidの値に関連付けられたaria-controls属性とa要素のidの値に関連付けられたaria-labelledby属性とaria-selected属性とaria-expanded属性が付いており、タブパネルにはa要素のidの値に関連付けられたaria-labelledby属性とaria-hidden属性が付いています。 読み上げ方 NVDA PC-Talker VoiceOver TalkBack 上から続けて読み上げた場合 クリック可能 タブ 展開 選択 「Nunc tincidunt」 タブ 折り畳み「Proin dolor」 タブ 折り畳み「Aenean lacinia」 (選択したタブに関連する(表示されている)タブパネルのコンテンツ内容)Proin elit arcu, rutrum commodo… 「Nunc tincidunt」の選択 タブで決定「Nunc tincidunt」 ...

40. Validation result how to read ARIA tab interface ...
Validation result how to read ARIA tab interface example 16 patterns by screen readers. I used Accessible jQuery-ui Components Demonstration in validation 2 of Validation result how to read ARIA tab panel example 4 patterns by screen readers. But, It has a bug the environment in PC-Talker7/Internet Explorer11. So I ...

41. WAI-ARIA対応のタブメニューを4種スクリーンリーダーで読み上げた検証結果2
WAI-ARIA対応のタブ型 UI を4種スクリーンリーダーで読み上げた検証結果2 WAI-ARIA対応のタブ型 UI を4種スクリーンリーダーで読み上げた検証結果1の検証2で使わせてもらったAccessible jQuery-ui Components Demonstrationでは、PC-Talker7/Internet Explorer11の環境でキーボード操作が出来ないという不具合がありましたので、HeydonWorks | The works, workings and reckonings of HeydonのPractical ARIA Examples「Simple ARIA tab interface」を使用させていただき、それを Tabs | jQuery UI(Query UI - v1.12.1 - 2016-09-14 )と同じWAI-ARIAの記述になるよう改変したものとWAI-ARIAの記述パターンを変えたものがどのように読み上げられるのか16パターンの検証をしました。 2016年12月 1日に検証した結果です。OSとスクリーンリーダーのバージョンとブラウザの組み合わせは下記の通りになります。 Windows7/NVDA2016.3jp/Firefox48.0.2 Windows7/PC-Talker7/Internet Explorer11 iOS 9.3.5/VoiceOver/Safari Android5.0.1/TalkBack5.0.4/Google Chrome53.0.2785.124 検証1 Simple ARIA tab interfaceを使用させていただき Tabs | jQuery UIと同じWAI-ARIAの記述を付けたものに改変したタブ型 ...

42. チームAの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.1.1.1から7.1.2.3)
チームAの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.1.1.1から7.1.2.3) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.1.1.1から7.1.2.3の実装チェックを2014年12月14日に行いました。 7.1.1.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況A: 短い説明によって、非テキストコンテンツと同じ目的を果たし、同じ情報を提示できる場合: 1 img要素にalt属性がある ○ ○ AF FireFoxのデベロッパーツール A-1, Short-3 H37 H37(alt属性の内容確認はA-5で実施) 2 applet 要素にalt属性がある ○ - HC A-1, Short-4 H35 H35(alt属性およびボディの代替テキストの内容確認はA-5で実施) 3 object 要素のボディに代替テキストを記述する ○ - HC A-1, Short-5 H53 H53(代替テキストの内容確認はA-5で実施) 4 ...

43. チームCの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.2.2.1から7.4.1.2)
チームCの「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果(7.2.2.1から7.4.1.2) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.2.2.1から7.4.1.2の実装チェックを2014年12月14日に行いました。 7.2.2.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況 A: セッションの制限時間がある場合: 1 次のいずれかを適用する 複数の画面で構成されるフォームの最初のページに、利用者がセッションの制限時間を延長又は解除できるチェックボックスを提供する 利用者が制限時間を解除できる手段を提供する ○ - HC A-1,2 G133 G198 セッションの制限時間があるかどうかを確認し、時間制限がある場合、G133,G198で示された所定の手段のどれかが提供されていることを確認する。 状況 B: 制限時間がページ上のスクリプトで制御されている場合:       1 次のいずれかを適用する 利用者が制限時間を解除できる手段を提供する 利用者が初期設定の制限時間を10倍に設定できる手段を提供する 制限時間が切れようとしていることを利用者に警告するスクリプトを提供して利用者が初期設定の制限時間を延長できるようにする ○ - HC   B-1,2,3 G198 G180 SCR16 ...

44. 「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果2(模範解答)(7.2.4.2から7.4.1.2)
「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果2(模範解答)(7.2.4.2から7.4.1.2) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.2.4.2から7.4.1.2の実装チェックを2014年12月に行いました。 7.2.4.2の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 1 title要素を用いて、コンテンツの内容が分かるページタイトルを提供する ○ ○ HC 1 G88 H25 head要素内にコンテンツに関連し、ウェブページを特定できるtitle要素があるか確認する。 7.2.4.2の試験結果 1 総合結果 ○ ○ HC 7.2.4.3の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 1 ウェブページが順番にナビゲートできて、そのナビゲーション順序が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは意味及び操作性を保持した順序でフォーカスを受け取るようにする ○ ○ HC 1, 2 G59 ...

45. D2DRAFTの公式サイト JIS X 8341-3:2016レベルAの実装チェックリスト1(7.1.1.1から7.2.4.1)
D2DRAFTの公式サイトのJIS X 8341-3:2016 レベルA達成基準の実装チェック結果1(7.1.1.1から7.2.4.1) 「D2DRAFT」公式サイトのJIS X 8341-3:2016-レベルA達成基準7.1.1.1から7.2.4.1の実装チェックを2016年5月に行いました。 7.1.1.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況A: 短い説明によって、非テキストコンテンツと同じ目的を果たし、同じ情報を提示できる場合: 1 img要素にalt属性がある ○ ○ AF A-1, Short-3 H37 H37(alt属性の内容確認はA-5で実施) 2 applet 要素にalt属性がある ○ - AF 該当要素なし A-1, Short-4 H35 H35(alt属性およびボディの代替テキストの内容確認はA-5で実施) 3 object 要素のボディに代替テキストを記述する ○ - AF 該当要素なし A-1, Short-5 H53 H53(代替テキストの内容確認はA-5で実施) ...

46. チーム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 ...

47. Validation result how to read ARIA tab interface ...
Validation result how to read ARIA tab interface example 4 patterns by screen readers. I verified on October 17, 2016. The combination of version of the OS and the screen reader and the browser is as follows. Windows7/NVDA2016.3jp/Firefox48.0.2 Windows7/PC-Talker7/Internet Explorer11 iOS 9.3.5/VoiceOver/Safari Android5.0.1/TalkBack5.0.4/Google Chrome53.0.2785.124 The screen reader read by Japanese ...

48. 「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果1(模範解答)(7.1.1.1から7.2.4.1)
「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果1(模範解答)(7.1.1.1から7.2.4.1) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.1.1.1から7.2.4.1の実装チェックを2014年12月に行いました。 7.1.1.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況A: 短い説明によって、非テキストコンテンツと同じ目的を果たし、同じ情報を提示できる場合: 1 img要素にalt属性がある ○ ○ AF A-1, Short-3 H37 H37(alt属性の内容確認はA-5で実施) 2 applet 要素にalt属性がある ○ - AF 該当要素なし A-1, Short-4 H35 H35(alt属性およびボディの代替テキストの内容確認はA-5で実施) 3 object 要素のボディに代替テキストを記述する ○ - AF 該当要素なし A-1, Short-5 H53 H53(代替テキストの内容確認はA-5で実施) ...

49. Waldiz(ウォルディズ)
事業者のason2.0さんは、OpenLaszlo、Linux、Network、Webが得意な京都市南区の在宅ITエンジニアさんです。

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

51. WAIproCSS 2.4.1 for 1.6.1
このテーマは、2010年1月19日(火)にリリースされたGeeklog1.6.1日本語パッケージ拡張版に入っているWAIproCSSと同じものになります。 詳細については、同梱のREADMEファイルをご覧下さい。

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

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

54. sea1.5 for 1.5.2
更新内容は、下記の通りになります。 ・Windows XP Internet Explorer7の拡大レベル200%時に、ナビゲーションのレイアウト崩れが発生していたので、ベーステーマをWAIproCSS2.3.1からWAIproCSS2.3.2に差し替えました。 尚、cssで修正されたファイルは、ベース部分の/css/layout.cssのみです。custom.cssの修正はしておりません。 WAIproCSS更新詳細は、seaフォルダの中にあるWAIproCSSのREADMEの更新履歴をご覧ください。

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

56. Rebirth 1.1 for Geeklog1.4.1
横スクロールバーが出ているのを出ないように直しました。 システムメッセージの背景色を変更しました。 このテーマはGeeklog1.4.1用です。

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

58. アクセシビリティ配慮型テーマ WAIproCSS 2.0 Geeklog1.5.0用を発表しました。
WAIproCSSをご利用いただき、ありがとうございます。 投稿者が表示されるよう修正しましたので お手数ですが、WAIproCSS Ver 2.1をダウンロードしていただき こちらをお使いくださいませ。

59. アクセシビリティ配慮型テーマ WAIproCSS 2.1 Geeklog1.5.0用
コメントありがとうございます。 >サイトのトップページのタイトルに サイト名が表示されずスローガンだけが表示されるようです。 デフォルトのWAIproCSSのサイト名は、CSSでサイトロゴ画像が表示されるように設定してあります。Geeklog1.5.0テストサイトで確認しましたが、サイトロゴ画像は表示されておりました。 >それと、記事編集用のアイコンがドット数が合わないのか なんとなく不鮮明に表示されるのですが。 記事部分のアイコンだけ文字サイズを拡大した時に、文字サイズと同じように大きくなるようにCSSで設定しております。 画像が粗く表示されてしまうというデメリットはありますが、高齢者のかたや弱視のかたへの配慮としてそのように設定しております。

60. アクセシビリティ配慮型テーマ WAIproCSS 2.1 Geeklog1.5.0用
勘違いしてしまい すみません。 ページタイトルにサイト名が表示されないとの事で、 Geeklog1.5.0テストサイトを確認したのですが、ちゃんと表示されていました。


ページナビゲーション