Webサイト
「Webサイト制作・Webアクセシビリティ」に関するページ
WAI-ARIA を活用したスクリーンリーダー対応や検証
視覚障害者でも使えるバリアフリーサイト制作
ユーザビリティ、Webアクセシビリティの情報を更新しています
WordPress の Global Styles と SVG コードの出力を制御
WordPress 5.9 ではフルサイト編集が進み、対応したブロックテーマを使う事で管理画面でのレイアウト変更も容易になりました。 CSS の多くは them...
CSS 擬似要素はスクリーンリーダーでどう読まれるのか
CSS の擬似要素「::before」「::after」を使って表示されるテキストや記号、装飾はスクリーンリーダーではどの様に解釈されるのでしょうか。 擬似要素...
ARIA Landmark Roles とネイティブ HTML
WAI-ARIA Role 属性はその要素に意味と役割を与え、スクリーンリーダーが構造を理解するのに役立ちます。 ランドマークロールは大きな区分・セクションをラ...
aria-haspopup 属性の動作検証
WAI-ARIA で定義されている aria-haspopup 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の...
aria-checked 属性の動作検証
WAI-ARIA で定義されている aria-checked 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確...
Luxeritas 推奨 .htaccess 設定で Internal Server Error
SEO 最適化、多機能で高速を謳っている WordPress Theme Luxeritas の開発者さんが、テーマの公開と共に .htaccess による高速...
aria-expanded 属性の動作検証
WAI-ARIA で定義されている aria-expanded 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の...
aria-pressed 属性の動作検証
WAI-ARIA で定義されている aria-pressed 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確...
aria-atomic 属性の動作検証
WAI-ARIA で定義されている aria-atomic 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認...
aria-live 属性の動作検証
WAI-ARIA で定義されている aria-live 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認が出...
aria-disabled 属性の動作検証
WAI-ARIA で定義されている aria-disabled 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の...
視認性の高い文字と背景色のカラーコードを調べる
背景色と文字色の組み合わせのテスト 以下から背景色と文字色を選択すると、画面下部の表示のサンプルの背景色と文字色が変化し、カラーコードを確認する事が出来ます。 ...
aria-level 属性の動作検証
WAI-ARIA で定義されている aria-level 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認が...
aria-flowto 属性の動作検証
WAI-ARIA で定義されている aria-flowto 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認...
WordPress XML サイトマップに lastmod を追加する
WordPress 5.5 から XML サイトマップが example.com/wp-sitemap.xml として自動出力される様になりました。 しかし、実...
WordPress テーマを Zip ファイルでアップデートする
WordPress 5.5 でテーマ・プラグインを Zip ファイル形式のままアップロードして更新出来る様になりました。 公式ディレクトリに無いテーマや、アップ...
aria-hidden 属性の動作検証
WAI-ARIA で定義されている aria-hidden 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確認...
Luxeritas パンくずリストの配置をカスタマイズする
WordPress Luxeritas Theme では、パンくずリストを自動生成して表示する便利な機能が最初から備わっています。 パンくずリンクの配置は「Lu...
Luxeritas ウィジェットエリアの気になる余白を調べる
WordPress Luxeritas Theme でウィジェットを挿入した時に何故か現れる余白。 ウィジェットでショートコードを使ってファイルを呼び出し、更に...
aria-current 属性の動作検証
WAI-ARIA で定義されている aria-current 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確...