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 として自動出力される様になりました。 しかし、実...