タグ

ブックマーク / accessible-usable.net (3)

  • 一貫性のあるフォーカスインジケーター | Accessible & Usable

    公開日 : 2022年2月17日 カテゴリー : アクセシビリティ マウスなどのポインティングデバイスの代わりにキーボードを用いてウェブを利用する人や、ロービジョンのユーザーにとって、ウェブコンテンツ上で (キーボード操作による) フォーカス位置が視覚的に明示されることは、とても重要であり、大きな助けになります。 W3C が勧告している WCAG (Web Content Accessibility Guidelines) には「Focus Visible (フォーカスの可視化)」という達成基準があります (参考 : WCAG 2.1 解説書 達成基準 2.4.7 Focus Visible / 日語訳)。また、WCAG の次期バージョン (2.2) では「Focus Appearance (フォーカスの外観)」という達成基準が新たに追加される見込みです (参考 : WCAG 2.2 解

    一貫性のあるフォーカスインジケーター | Accessible & Usable
    route_haduki
    route_haduki 2023/03/07
    Focus ring
  • アクセシビリティオーバーレイ (accessibility overlay) | Accessible & Usable

    公開日 : 2021年8月12日 カテゴリー : アクセシビリティ ここ最近、米国を中心とする海外のウェブアクセシビリティ関連サイトで、アクセシビリティオーバーレイ (accessibility overlay) がホットな話題になっています。アクセシビリティオーバーレイとは、サードパーティ製のプログラム (基的には JavaScript) で、ウェブサイトに適用することによってアクセシビリティを即座に高めることができるという (まるで魔法のような) 触れ込みのソリューションです。 アクセシビリティオーバーレイが適用されたウェブサイトにはウィジェットが追加され、そこに用意された機能を選んで実行することで、あたかもアクセシビリティが改善されたかのように、ウェブページの表示を変更することができます。 アクセシビリティオーバーレイの例 アクセシビリティオーバーレイを提供するサービスはいくつかあ

    アクセシビリティオーバーレイ (accessibility overlay) | Accessible & Usable
  • アイコンフォントか? SVG アイコンか? | Accessible & Usable

    公開日 : 2015年12月17日 (2018年1月20日 更新) カテゴリー : アクセシビリティ この記事は、「Web Accessibility Advent Calendar 2015」の17日目のエントリーです。 ウェブデザインにおいて、アイコンを配置することは多いと思います。特にここ数年はアイコンフォント (Font Awesome) を採用する案件が個人的に多かったこともあり、「アイコンフォントのアクセシビリティ向上」という記事を書いたりもしました。 ところがアイコンフォントにはもっと根的なアクセシビリティ問題があるという指摘もあります。たとえば以下の記事が参考になるでしょう。 PUAアイコンフォントのアクセシビリティ - Unreviewed Seriously, Don’t Use Icon Fonts - Cloud Four Blog 総じて言うと、アイコンフォント

    アイコンフォントか? SVG アイコンか? | Accessible & Usable
  • 1