Webサイト

WordPress テーマを Zip ファイルでアップデートする

WordPress 5.5 でテーマ・プラグインを Zip ファイル形式のままアップロードして更新出来る様になりました。 公式ディレクトリに無いテーマや、アップ...

WAI-ARIA

aria-hidden 属性の動作検証

WAI-ARIA で定義されている aria-hidden 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認...

Luxeritas パンくずリストの配置をカスタマイズする

WordPress Luxeritas Theme では、パンくずリストを自動生成して表示する便利な機能が最初から備わっています。 パンくずリンクの配置は「Lu...

Luxeritas ウィジェットエリアの気になる余白を調べる

WordPress Luxeritas Theme でウィジェットを挿入した時に何故か現れる余白。 ウィジェットでショートコードを使ってファイルを呼び出し、更に...

WAI-ARIA

aria-current 属性の動作検証

WAI-ARIA で定義されている aria-current 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確...

Webサイトをダークモードに対応させてみる

最近流行りのダークモード。みんな大好きダークモード。目に優しいダークモード。 そんなダークモードを使って自分のサイトを覗いてみると、全然目に優しく無い。これはイ...

アイコンフォントのウェブアクセシビリティを向上する

Webサイトで多く利用されている Font Awesome アイコン。簡単に装飾も出来て便利ですね。 しかし、それがWeb閲覧の妨げになってはいないでしょうか?...

iPhone iPad の Media Queries ブレイクポイント

CSS @media で iPhone iPad を基準としたブレイクポイントを指定する時の参考表示領域。 iPad 9.7インチ縦向きの横幅は 768px。 ...

WAI-ARIA

aria-describedby 属性の動作検証

WAI-ARIA で定義されている aria-describedby 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って...

WAI-ARIA

aria-labelledby 属性の動作検証

WAI-ARIA で定義されている aria-labelledby 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動...

Luxeritas タイトル見出しを左右の余白まで拡げる

文章を読む際に、人間の目は左右の往復の幅が大きいと疲れ易いとの事。 一行の長さは80バイト、日本語にして40文字以内に収めるのが良いとか。 40文字というと、1...

WordPress Gutenberg に早くも分かれを告げる

WordPress 5.0 からデフォルトのエディターとして採用された Gutenberg。 導入前から良からぬ噂は聞いていたけど、試してみないと分からないだろ...

WordPress ウィジェットのアクセシビリティモードの利用

WordPress の「外観」→「ウィジェット」の設定画面の右上の「表示オプション」から「アクセシビリティモードを有効にする」を選択するとウィジェット画面のモー...

WAI-ARIA

aria-label 属性の動作検証

WAI-ARIA で定義されている aria-label 属性。 スクリーンリーダーユーザーに対してとても有用な技術だと思います。 しかし、実装するに当たってス...

Luxeritas の関連記事数とタイトルを変更する

WordPress Theme Luxeritas の関連記事機能のカスタマイズ方法です。 php ファイルを編集するので、子テーマで作業するか、すぐに戻せる様...