グローバルナビ コピペで使える!グローバルナビ【4】上段中心にロゴ、下段にナビゲーションのシンプルデザイン(レスポンシブ) 2020年04月08日 アクセシビリティに対応したグローバルナビゲーションのサンプルHTMLとCSSをご紹介する企画第4弾 ※こちらのページで紹介しているコードは自由に使用していただいてかまいません。 ※アクセシビリティ規格 […] 続きを読む
グローバルナビ コピペで使える!グローバルナビ【3】左右に別れたメニュー(レスポンシブ) 2020年02月25日 アクセシビリティに対応したグローバルナビゲーションのサンプルHTMLとCSSをご紹介する企画第3弾 ※こちらのページで紹介しているコードは自由に使用していただいてかまいません。 ※アクセシビリティ規格 […] 続きを読む
グローバルナビ コピペで使える!グローバルナビ【2】ドロップダウン、トグルメニュー、レスポンシブ 2020年02月17日 アクセシビリティに対応したグローバルナビゲーションのサンプルHTMLとCSSをご紹介する企画第2弾 ※こちらのページで紹介しているコードは自由に使用していただいてかまいません。 ※アクセシビリティ規格 […] 続きを読む
グローバルナビ コピペで使える!グローバルナビ【1】小規模サイト向け、ハンバーガーメニューなし、レスポンシブ 2020年02月10日 グローバルナビゲーションのサンプルHTMLとCSSをご紹介する企画第1弾 今回はそれほどメニュー数が多くない小規模サイト向けのデザインです。 ※こちらのページで紹介しているコードは自由に使用していただ […] 続きを読む
アクセシビリティ ウェブアクセシビリティ規格のレベル毎の違いをわかりやすく解説します。(レベルA、レベルAA、レベルAAA) 2019年12月10日 ウェブアクセシビリティ規格(JIS X 8341-3:2016)は全部で61項目ありますが、そこで定義されているレベルの違いを特定の項目に絞ってわかりやすく解説します。 大まかにレベル毎の違いを明記す […] 続きを読む
アクセシビリティ アクセシブルなグローバルメニューとは?色々なWebサイトの対応状況をまとめました 2019年10月08日 Webサイトにほぼ必ず存在し、各ページへのリンクを提供する「グローバルメニュー」 ウェブアクセシビリティを意識したグローバルメニューとはどのようなものでしょうか? グローバルメニューに関する規格と色々 […] 続きを読む
アクセシビリティ ウェブアクセシビリティ対応を実践している民間サイトをまとめました 2019年07月23日 ウェブアクセシビリティを実践している民間サイトをまとめました。 自治体サイトはウェブアクセシビリティ規格に準拠することが法的義務となっていますが、民間のサイトは現状、法的義務はありません。 そんな中で […] 続きを読む