accessibility

アクセシビリティメモ

アクセシビリティに関する個人的な覚書を増やしたり減らしたり。

CMS関連

WordPressのテーマについて

アクセシビリティ(Codex)

accessibility-readyタグのついたテーマ

role

各部分の役割

  • role="banner" == header
  • role="main" == main content
  • role="complementary" = sidebars
  • role="contentinfo" = footer
  • role="search" = search form
  • role="navigation" = navigation menus

twentysixteenのアクセシブルな箇所覚書

screen-reader-text
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentysixteen' ); ?></a>

画面には表示されないが、画面読み上げソフトウェアで読み上げられる。

制作には関係ないけれど覚書

管理画面内の「外観」にある「ウィジェット」機能は通常ドラッグ・アンド・ドロップで行う。

access2

「アクセシビリティモード」を有効にするとドラッグ・アンド・ドロップが使用できなくなる。

access3

各ウィジェットの横に「追加」が表示されるようになる。

make.wordpress.org/accessibility
wordpress.tv/tag/accessibility

concrete5のテーマ

レスポンシブでアクセシブルなテーマ「Flower」

(通常concrete5のブロック追加はドラッグ・アンド・ドロップなわけですが、「エリア名」をクリックした後、追加したいブロックをクリックするとブロックを追加する方法もあるのは、こういうときのためのものなのだろうか。)

機能

ブックマーク

WAI-ARIA

恥ずかしながら正直WAI-ARIAってまだtwitterのTLとかでよく聞くな・・・?!位の認識しかありません・・・。がんばる

各種チェック

マークアップ

カラー

ブログ

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1

outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になってるんや・・・。 outlookの最小化時の設定を変 ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…!が、語彙力がないという方向けの感想メーカ ...

-accessibility