ホーム > タグ > アクセシビリティ
アクセシビリティ
jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。
- 2011 年 1 月 30 日 10:09 AM
- CSS | JavaScript・jQuery
最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。
自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。
僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。
まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう（誰
今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。
定番の方は、プラグインを追加するだけなので手軽＆気軽にできるのが特徴。
新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その分、変更するスタイルの種類を混在させること（文字サイズ＆背景色 等）も可能となっております。
続きを読む
アクセシブルなスライダーをJavascriptで実現 – 「Accessible News Slider」
- 2008 年 12 月 4 日 2:30 AM
- JavaScript・jQuery
ここで言う「スライダー」とは、「同じ構造の要素を限られたスペースで表示するために、要素ごとスライドさせて表示させるためのもの」という意味。
（↓こんなのです）
音量を調整するような「つまみ」のことではありません。
（↓こんなのではないです）
「スライダー」でググったら「つまみ」の方ばかりヒットして、なかなか欲しい情報に辿り着きませんでした。
何かほかに良い表現はないんですかねぇ。
続きを読む
ホーム > タグ > アクセシビリティ
- 書いてる人
-
- kbysbtmup
サラリーマンデザイナーやってます。
Follow @kbysbtmup
- 検索
- 最近の投稿
- カテゴリ
- スポンサードリンク
- Facebook ページ
-
- kbysbtmupの本棚
- タグクラウド
- (X)HTML
- .htaccess
- 301
- 505
- :nth-child
- a-blog cms
- about:config
- Acrobat
- ActionScript
- Adobe
- AdSense
- Amazon
- Analytics
- Android
- Apache
- Apple
- AR
- area
- AS2
- AS3
- ASP
- BackType
- border
- Broken Link Checker
- Calc
- canonical
- CGI
- Chrome
- CMS
- CMS Designer
- col
- colgroup
- Cookie
- CS
- CSS
- CSS3
- CSS Naked Day
- CSS Nite
- CSSスキン
- Cyberduck
- date
- Dell
- Digg
- dom.max_script_run_time
- Dreamweaver
- Dropbox
- Duplicate Post
- EC
- Excel
- Feed
- Fetch
- Firefox
- Fireworks
- Flash
- float
- Flutter
- font-family
- FTP
- Gmail
- GMT
- Google Analyrics
- gzip
- HTML
- IE
- IE6
- IE7
- Illustrator
- Intel
- Internal Server Error
- iPhone
- JavaScript・jQuery
- Jimdo
- jpg
- jQuery
- kindle
- line-height
- Linux
- Live Search
- Mac
- Makeshop
- meta
- Movable Type
- MovieClip
- MySpace
- MySQL
- Office
- OOCSS
- OOo
- OpenOffice.org
- Opera
- OSX
- parent
- permanent
- PHP
- phpinfo
- phpMyAdmin
- PLESK
- png
- Prototype
- psd
- query_posts
- Reader
- Redirect
- rel
- Rewrite
- RewriteRule
- RSS
- Safari
- Screengrab!
- SEO
- Shift-JIS
- Simple Tags
- Smashing Magazine
- SNS
- SOY CMS
- SSH
- SSL
- strtotime
- styleswitcher.js
- sub
- sup
- table
- table-cell
- TechCrunch
- The Times
- TinyMCE
- Top Level Categories
- UI
- UIScrollBar
- UNIX
- Untitled
- URL
- URL正規化
- UTF-8
- vertical-align
- Vicuna
- Vitroperlo
- Wasabi
- WCAG
- WebRelease
- Web担当者Forum
- Wikipedia
- window.close()
- Windows
- WordCamp
- WordPress
- WP-DB-Backup
- WP-PageNavi
- XFBML
- XOOPS
- XOOPS Cube Legacy
- Xperia arc
- XSS
- Y-Combinator
- Yahoo!
- yuga.js
- ZIP
- あわせて読みたい
- すき間
- つぶやき
- とんぼ玉
- はてな
- はてブ
- アイコン
- アイレップ
- アクセシビリティ
- アクセス解析
- アップグレード
- アップデート
- アップロード
- アドオン
- アナログ
- アプリ
- アラーム
- アンチエイリアス
- アーカイブ
- アート
- エディタ
- エラー
- エンコーディング
- オフィス
- オブジェクト指向
- オプション領域
- カスタムフィールド
- カスタム検索
- カテゴリー
- カバレッジ
- キャスト
- キャッシュ
- キャンペーン
- クエリ
- クリア
- クリッカブルマップ
- ケース
- コメント
- コンパイルエラー
- サーバー
- システム環境設定
- シンボリックリンク
- スクリプト
- スクリプトエラー
- スクロールバー
- スタートアップ
- スティーブ・ジョブズ
- スマートフォン
- スライダー
- セキュリティ
- セキュリティアップデート
- ソーシャルメディア
- ダミー
- テキスト
- テンプレート
- テーブル
- テーマ
- ディレクトリ
- ディレクトリ名
- デザイン
- デジタル
- データベース
- データ移動
- トラッキングコード
- ドメイン
- ドロップシャドウ
- ネスト
- バグ
- バックアップ
- バージョン
- バージョンアップ
- パス
- パスワード
- パソコン
- パフォーマンス
- ビジネス
- ビジュアルエディタ
- ピンタレスト
- ファイル
- ファイルサイズ
- ファイル名
- ファンページ
- ファーストサーバ
- フォント
- フレームアクション
- ブックマーク
- ブラウザ
- ブログ
- ブログパーツ
- プライバシー
- プラグイン
- プリンタ
- プロパティ
- ページ設定
- ポール・グレアム
- ムービー
- モバイル
- モーショントゥイーン
- ユーザビリティ
- ライブラリ
- リスト
- リダイレクト
- ルート設定
- レビュー
- ロゴ
- ロフトワーク
- ロールオーバー
- ワークショップ
- 一発太郎
- 一覧
- 上書き保存
- 並べ替え
- 京都
- 偶数
- 入れ子
- 共同募金
- 共有
- 円マーク
- 出版
- 分岐
- 初心者
- 別ウィンドウ
- 制作
- 勉強会
- 動画
- 印刷
- 同期
- 告知
- 圧縮
- 外部テキスト
- 外部ファイル
- 大阪
- 奇数
- 実体参照
- 寄付
- 専用サーバー
- 属性
- 広告
- 感想
- 投稿
- 拡張現実
- 支援金
- 改行
- 文字コード
- 文字サイズ
- 文字化け
- 文字参照
- 日付
- 日本語版
- 暗号化
- 曜日
- 書き出し
- 書籍
- 本
- 正規表現
- 水都
- 津田大介
- 添付
- 独自拡張
- 産創館
- 画像
- 目標
- 素材
- 美術
- 義援金
- 背景画像
- 芸術
- 表
- 表現
- 表組み
- 裸の日
- 複製
- 記事
- 記号
- 誤報
- 読書
- 警告
- 配布
- 関数
- 階層
- リンク
- フィード
- メタ情報