Webサイト

「Webサイト制作・Webアクセシビリティ」に関するページ

WAI-ARIA を活用したスクリーンリーダー対応や検証
視覚障害者でも使えるバリアフリーサイト制作
ユーザビリティ、Webアクセシビリティの情報を更新しています

WordPress の Global Styles と SVG コードの出力を制御

WordPress 5.9 ではフルサイト編集が進み、対応したブロックテーマを使う事で管理画面でのレイアウト変更も容易になりました。 CSS の多くは them...

CSS 擬似要素はスクリーンリーダーでどう読まれるのか

CSS の擬似要素「::before」「::after」を使って表示されるテキストや記号、装飾はスクリーンリーダーではどの様に解釈されるのでしょうか。 擬似要素...

WAI-ARIA

ARIA Landmark Roles とネイティブ HTML

WAI-ARIA Role 属性はその要素に意味と役割を与え、スクリーンリーダーが構造を理解するのに役立ちます。 ランドマークロールは大きな区分・セクションをラ...

WAI-ARIA

aria-haspopup 属性の動作検証

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

WAI-ARIA

aria-checked 属性の動作検証

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

Luxeritas 推奨 .htaccess 設定で Internal Server Error

SEO 最適化、多機能で高速を謳っている WordPress Theme Luxeritas の開発者さんが、テーマの公開と共に .htaccess による高速...

WAI-ARIA

aria-expanded 属性の動作検証

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

WAI-ARIA

aria-pressed 属性の動作検証

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

WAI-ARIA

aria-atomic 属性の動作検証

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

WAI-ARIA

aria-live 属性の動作検証

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

WAI-ARIA

aria-disabled 属性の動作検証

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

視認性の高い文字と背景色のカラーコードを調べる

背景色と文字色の組み合わせのテスト 以下から背景色と文字色を選択すると、画面下部の表示のサンプルの背景色と文字色が変化し、カラーコードを確認する事が出来ます。 ...

WAI-ARIA

aria-level 属性の動作検証

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

WAI-ARIA

aria-flowto 属性の動作検証

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

WordPress XML サイトマップに lastmod を追加する

WordPress 5.5 から XML サイトマップが example.com/wp-sitemap.xml として自動出力される様になりました。 しかし、実...

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 属性。 スクリーンリーダーやブラウザーでどの様な挙動を取るのかの検証と、このページを使って動作の確...