タグ

ブックマーク / web.w3g.jp (2)

  • 音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて

    音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて Updated 2015.01.20 / Published 2015.01.19 スクリーンリーダーや音声ブラウザなどの音声出力環境で::before擬似要素、::after擬似要素にcontentプロパティで生成した内容は多くのソフトウェアで読み上げることができます。使い方次第で、薬にも毒にもなりえます。読み上げることがないように制御したい場合は、aria-hiddenをtrueで設定するしか有効な方法がなく、制御できるのは対応しているものに限られます。 CSSの内容生成について HTMLなどで作られた文書内に直接表現されないものを表現するためにCSSには擬似要素というセレクタが用意されてます。CSS2よりcontentプロパティを伴って文書中に内容を生成できる:before擬

    音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて
    ytkwsm
    ytkwsm 2018/07/08
    “スクリーンリーダーの場合はaria-hidden="true"を設けることで読み飛ばすように制御することができます。”
  • Ajax(pjax)遷移時におけるSNSボタン再構築

    Updated 2013.10.04 / Published 2013.10.04 HTML5のhistoryAPI(pushState)とAjaxを組み合わせた遷移(pjax)時に、Twitterのwidgets.jsで埋め込んだツイートボタンが更新されない事態に遭遇しました。pushStateでURLは変更できているにも関わらず、ツイートボタンを押しても取得されるタイトルとURLは最初にツイートボタンを表示したときの遷移前の状態であり、ごっそり入れ替えてもDOMが再構築されていない様子。 TwitterAPIドキュメントを探すも、Ajax遷移時にDOMを再構築させるような使い方はどこにも載っていない。そこで、検索語を「Tweet button Ajax」に変えてみると、Cannot update tweet button with AJaxという記事がヒット、回答欄に解決策を提示して

    Ajax(pjax)遷移時におけるSNSボタン再構築
    ytkwsm
    ytkwsm 2014/07/04
    pjax時のSNSボタン再構築
  • 1