アクセシビリティ対応図書館Webサイトの理解と構築
スタイルシートの例
body { /* 背景焦げ茶文字白120%
大きい */
width:90%;
margin:1% auto;
background-color:#320;
color:white; }
/*aはリンクの色等 */
a{ color:yellow; }
a:visited{ color:#ff6; }
/*hは見出しの大きさ*/
h1{ font-size:135%; }
h2{ font-size:130%; }
h3{ font-size:125%; }
h4{ font-size:120%; }
h5{ font-size:115%; }
h6{ font-size:110%; }
/*p.rightは右寄せ段落*/
p.right {text-align: right;}
p.center {text-align: center;}
p.left {text-align: left;}
/*header以下のスタイル設定*/
header, nav, section, footer {
/*display:blockは前後に改行*/
display:block;
/*マージンとパディングは余白*/
margin:1px auto;
padding:5px; }
アクセシビリティ対応図書館Webサイトの理解と構築
スタイルシートの例
header {
text-align:left;
padding:10px;
/*背景色と文字色の指定*/
background-color:#210;
color:white; }
header h2 { text-align:left; }
header ul, header li {
/*inlineは改行しない*/
display:inline; }
div.hidari{
float:left;
line-height:1.5;
margin:1px auto;
background-color:#320;
color:white; }
div.migi{
float:right;
/*line-heightは行間*/
line-height:1.5;
margin:1px auto;
background-color:#320;
color:white;
}
アクセシビリティ対応図書館Webサイトの理解と構築
スタイルシートの例
/*ナビゲーション部の設定*/
nav {
float:right;
font-size:90%;
line-height:1.4;
margin:2px auto;
display:inline;
background-color:#320;
color:white; }
#nav ul li{
display: inline; }
nav.hirari {
background-color:#320;
color:white;
float:right;
font-size:90%;
line-height:1.4;
margin:2px auto; }
アクセシビリティ対応図書館Webサイトの理解と構築
スタイルシートの例
/*セクション部の設定*/
section {
float:left;
width:98%;
line-height:1.5;
background-color:#320;
color:white; }
p{
margin: 0; }
/*aside部の設定*/
aside{
float:right;
width:20%;
line-height:1.3;
font-size:90%;
background-color:#320;
color:white; }
/*footer部の設定*/
footer {
clear:both !important;
text-align: right;
font-size:85%;
background-color:#320;
color:white; }
form.migi{float:right;}
form.hidari{float:left;}
アクセシビリティ対応図書館Webサイトの理解と構築
•ArtNaviのユーザビリティを見よ
•アクセシビリティを具現した図書館利用教育:現状と課題(1)
福田博同(2010)を見よ
•課題
•次ページ以降にあるアクセシビリティ関連用語を解説すること
•論文の要点を書くこと
アクセシビリティ関連用語を解説しなさい
•WCAG
•CUDO カラーユニバー
サルデザイン機構
•JIS X8341-3
•Daisy Translator 日本
•「みんなの公共サイト運
用モデル」
語版
•aDesigner
•点字ディスプレイ
•ALTAIR
•W3C Validator
•ウェブアクセシビリティ
方針策定ガイドライン
2013年8月版

学校図書館情報メディアの理解