COLUMN コラム

1

picture 要素の代替テキストは、picture 要素の alt 属性に指定する。

2

p 要素の終了タグは省略することが可能である。

3

PHP において、print は関数である。

4

cite 要素は、作品の制作者の名前をマークアップする際に使用できる。

5

WHATWG とは、Web Hypertext Application Technology Working Group の略称である。

6

canvas 要素はラスタ形式（ビットマップ形式）で図形の描画を行う。

7

script 要素は head 要素内にしか記述できない。

8

ロゴの一部として組み込まれている文字のコントラストは、アクセシビリティの達成基準の要件から除外されている。

9

IP アドレスとは、ネットワーク上の情報機器を識別するために指定するデータリンク層の識別用の番号であり、物理アドレスとも呼ばれる。

10

リセット CSS とは、ウェブブラウザのデフォルトのスタイル設定を上書きし、ブラウザ間の表示や動作の差異を無くすためのスタイルシートのことである。

11

HTTP ステータスコードのうち、500 番台はサーバーエラーである。

12

A/B テストとは、複数の案を比較して定量的に評価するテストである。

13

事業活動により取得および利用している個人情報が 5,000 人以下の場合には、個人情報取扱事業者に該当しない。

14

htaccess で行える設定は全て httpd.conf で行うことができる。

15

HTML の属性値は、必ず二重引用符または一重引用符で囲う必要がある。

16

次の HTML の説明として適切なものはどれか。以下より 1 つ選択しなさい。

1. 表示エリアの幅が 1000 ピクセル以上では cat_large.jpg が表示され、それ以下の場合には cat.jpgが表示される。
2. 表示エリアの幅が 1000 ピクセル以下では cat_large.jpg が表示され、それ以上の場合には cat.jpgが表示される。
3. 表示エリアの幅が 1000 ピクセル以上では cat_large.jpg が表示され、それ以下の場合には代替テキストの “猫の画像” が文字で表示される。
4. cat.jpg 画像は常に表示される。

17

インタラクティブコンテンツに属する要素を以下より 1 つ選択しなさい。

1. controls 属性が指定されている video 要素
2. controls 属性が指定されていない video 要素
3. playsinline 属性が指定されている video 要素
4. playsinline 属性が指定されていない video 要素

18

次の JavaScript コードが実行された際に出力されるものはどれか。以下より 1 つ選択しなさい。

1. 3
2. 6
3. 100
4. 111

19

次の SVG コードで例のようなグレーの円形を描きたい。このとき、[ A ]と[ B ]に記述すべきプロパティの組み合わせはどれか。以下より 1 つ選択しなさい。

1. A : x / B : y
2. A : cx / B : cy
3. A : ch / B : cv
4. A : center-x / B : center-y

20

ディスプレイを用いた情報機器作業について不適切なものを以下より 1 つ選択しなさい。

1. おおむね 40cm 以上の視距離が確保できるようにする。
2. ディスプレイは、その画面の上端が眼の高さとほぼ同じか、やや上になる高さにすることが望ましい。
3. ディスプレイ画面とキーボードまたは視距離の差が極端に大きくなく、かつ、適切な視野範囲になるようにする。
4. ディスプレイは、作業者にとって好ましい位置、角度、明るさなどに調整することが望ましい。

21

SEO 対策とは何か。最も適切なものを以下より 1 つ選択しなさい。

1. 検索結果で自社サイトを上位に表示させたり、より多く表示させるための施策
2. 検索サイトの検索結果に表示されないようにするための施策
3. ニュースサイトで自社サイトを取り上げてもらうための施策
4. 不正な書き込みや誹謗中傷の削除申請を行うための施策

22

次の HTML の説明として最も適切なものを以下より 1 つ選択しなさい。尚、それぞれのリソースは適切に配置されているものとする。

1. ユーザによる一時停止ができる。
2. 自動再生の指定がされていない。
3. サウンドは自動再生される。
4. 動画のダウンロード中はなにも表示されない。

23

legend 要素は、どの要素の子要素として配置可能な要素か。以下より 1 つ選択しなさい。

1. figure
2. dialog
3. details
4. fieldset

24

meta 要素に指定する属性ではないものはどれか。以下より 1 つ選択しなさい。

1. name
2. charset
3. script
4. http-equiv

25

HTML において、緊急性のあるコンテンツをマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. b
2. h1
3. mark
4. strong

26

直接の子要素として li 要素を含むことができない要素はどれか。以下より 1 つ選択しなさい。

1. ol 要素
2. ul 要素
3. li 要素
4. menu 要素

27

次の CSS が指定された場合、ウェブブラウザ上で div 要素のボーダーは何色になるか。以下より 1 つ選択しなさい。

1. 黒
2. 赤
3. ボーダーは表示されない
4. ウェブブラウザによって結果は異なる

28

abbr 要素は、それが何であることを示す要素か。最も適切なものを以下より 1 つ選択しなさい。

1. 広告
2. 略語
3. キーワード
4. 単語の途中で行を折り返してもよい位置

29

「#ffcc00」はどのような色か。最も適切なものを以下より 1 つ選択しなさい。

1. 赤に近い色である
2. 青に近い色である
3. 黄色に近い色である
4. 緑に近い色である

30

次のような PHP コードがあり、変数$arrには文字列 apple, banana, kiwi が配列としておさめられている。変数$arr の値を図のように画面に表示するために[ A ]に記すべきものはどれか。以下より 1 つ選択しなさい。

1. $i < $arr.number
2. $i < $arr.length
3. $i < count($arr)
4. $i > count($arr)

31

次の PHP コードを実行した場合、出力されるものを以下より 1 つ選択しなさい。

1. 0
2. 1
3. 2
4. 4

32

次の HTML のように div 要素が入れ子になっている。子要素には次の style 要素のように「width: 100%;」を指定したところ、border の太さを 10px にしたことが原因で例 1 のように親要素のボックスをはみ出してしまった。このとき、例 2 のように親要素のボックス内に収めるため、style 要素内に加えるべき CSS の記述として最も適切なものはどれか。以下より 1 つ選択しなさい。

1. box-sizing: content-box;
2. box-sizing: border-box;
3. box-align: border-inset;
4. box-align: border-inside;

33

次に示したのは、ウェブコンテンツ JIS(JIS X 8341-3) のガイドライン 1.2 である。[ A ]にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

1. 字幕
2. キャプション
3. 音声トラック
4. 代替コンテンツ

34

著作権に含まれる権利の種類ではないものはどれか。以下より 1 つ選択しなさい。

1. 頒布権
2. 複製権
3. 商標権
4. 公衆送信権

35

バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。

1. 変更内容の差分を表示できる。
2. ソフトウェアやライブラリの依存関係を解決できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. 変更を加えたファイルを過去のある時点の状態に復元することができる。

36

ウェブコンテンツやアプリケーションのアクセシビリティおよび相互運用性を向上させるためのフレームワークを提供する技術仕様はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. Live Region
2. Landmark
3. WAI-ARIA
4. Web Accessibility Initiative

37

情報機器やサービスにアクセスする際に使用する ID やパスワード等の不正取得・保管行為を禁止する法律はどれか。以下より 1 つ選択しなさい。

1. サイバーセキュリティ基本法
2. 不正アクセス禁止法
3. 個人情報保護法
4. 電気通信事業法

38

クロスサイトスプリプティング（XSS）対策手法として、最も適切なものを以下より 1 つ選択しなさい。

1. サニタイジング
2. エコーバック
3. サイズチェック
4. キャッシュポイズニング

39

ウェブデザインにおけるワイヤーフレームに関する説明として、最も適切なものを以下より 1 つ選択しなさい。

1. 詳細なサイトマップに存在するすべてのページに対して作成する。
2. 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
3. スクリーンサイズによって出す情報量は変化が無いので１つのサイズだけ検討すれば良い。
4. 主にナビゲーション、情報のグループ化、順序、優先度の検討に利用する。

40

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.4 である。[ A ]にあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。

1. 画像
2. テキスト
3. 入力フォーム
4. 非テキストコンテンツ