本文へ


検索結果

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

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

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

33. レスポンシブ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のキャプチャ画像です。

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

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

36. レスポンシブでアクセシブルな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フォントを利用されたいかたはご自身のサイトで適用してください。

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

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

39. D2DRAFTの公式サイト JIS X 8341-3:2016レベルAの実装チェックリスト2(7.2.4.2から7.4.1.2)
D2DRAFTの公式サイトのJIS X 8341-3:2016 レベルA達成基準の実装チェック結果2(7.2.4.2から7.4.1.2) 「D2DRAFT」公式サイトのJIS X 8341-3:2016-レベルA達成基準7.2.4.2から7.4.1.2の実装チェックを2016年5月に行いました。 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 ...

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

41. 「第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 ...

42. 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の記述を付けたものに改変したタブ型 ...

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

44. 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」 ...

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

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

47. 「第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で実施) ...

48. 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で実施) ...

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

50. OA019Natsumi for 1.6.1
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2 イラスト: Natsumi Hayashiさん このテーマは「WAIproCSS Ver2.4.1」をベースにヘッダ、フッタ位置固定2カラムリキッドレイアウトです。 詳細はREADMEをお読みください。

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

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

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テストサイトを確認したのですが、ちゃんと表示されていました。


ページナビゲーション