[AppleScript]アクセシビリティ・リンクメーカー
アクセシビリティのサイト等では『新規ウィンドウ』を開かない事を 求めている事が多いですが 実際には新規ウィンドウで開きたい場面も多いですから (ここは好みの問題もあります) 今回のサンプルスクリプトでは、画像をクリックで 新規ウィンドウを開く事を『選べる』ようにしています。
titleへの文言の書き込みは 企業や団体系でBLOG等を付けている場合は考慮したい項目だと思います。 titleをsafariで取得する事で タグにする労力が少しだけ楽になります。
タイトルの記述はこちらのページ 【10 Simple Web Accessibility Tips You Can Do Today】[LINK]を参考にして
NG
<a href="/company" title="現在のウィンドウで 会社情報 を開きます">会社案内</a>
<a href="/product" title="現在のウィンドウで 製品情報 を開きます">製品情報</a>
<a href="/contact" title="現在のウィンドウで コンタクト を開きます">コンタクト</a>
↓を
OK
<a href="/company" title="会社情報 を現在のウィンドウで開きます">会社案内</a>
<a href="/product" title="製品情報 を現在のウィンドウで開きます">製品情報</a>
<a href="/contact" title="コンタクト を現在のウィンドウで開きます">コンタクト</a>
のように整形しています。
リンク点数の多い場合は 『を現在のウィンドウで開きます』は不要かもしれません。 新規にウィンドウを開くリンクにだけ 『新規にウィンドウを開きます』と入ると良いかもしれません。
サイト外警告画面は本当に必要なのか? ちょっと疑問でもありますが 官庁なり企業なりのページから 外部サイトへのリンクに対しては 有った方が良いのかもしれません。
サイト内リンクの場合は 例 詳しくはこちら[LINK]の記事を
タグはこんな感じ <a href="https://force4u.cocolog-nifty.com/skywalker/accessibility/index.html" title="[FORCE]: Accessibilityを現在のウィンドで開きます">[LINK]</a><a href="https://force4u.cocolog-nifty.com/skywalker/accessibility/index.html" target="blank" title="[FORCE]: Accessibilityを新しいウィンドで開きます"><img src="http://force4uip.appspot.com/images/10x10nw.png" alt="アイコン:新しいウィンドで開きます" width="10" height="10" /></a>
サイト外の場合は 例 のだめカンタービレのWikiの記事 のだめカンタービレ - Wikipedia
タグはこんな感じ
<a href="https://force4u.cocolog-nifty.com/redirect/redirect.html?http://ja.wikipedia.org/wiki/%E3%81%AE%E3%81%A0%E3%82%81%E3%82%AB%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%93%E3%83%AC" title="のだめカンタービレ - Wikipediaを現在のウィンドで開きます">のだめカンタービレ - Wikipedia</a><a href="http://clubsmoky.appspot.com/redirect/redirect.html?http://ja.wikipedia.org/wiki/%E3%81%AE%E3%81%A0%E3%82%81%E3%82%AB%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%93%E3%83%AC" target="blank" title="のだめカンタービレ - Wikipediaを新しいウィンドで開きます"><img src="http://force4uip.appspot.com/images/10x10nw.png" alt="アイコン:新しいウィンドで開きます" width="10" height="10" /></a>
に作ります。
| 固定リンク
« [Accessibility]W3Cのドキュメントの関係図【アクセシビリティ】 | トップページ | [PDF Accessibility]【11】Alternative Text available【アクセシビリティ】 »
「Accessibility」カテゴリの記事
- [Finder]キーボードビューアをランチャーにする(2021.11.11)
- High Contrast(2016.09.06)
- Accessibility Developer Tools(2016.09.06)
- ChromeVox(2016.06.06)
- シンプルなデータは良いデータ(2014.03.03)
この記事へのコメントは終了しました。
コメント