CSS高坂穂乃果 β

シャツ

襟

ベスト

首

後髪

右眉毛

左眉毛

右目

右瞼

左目

左瞼

鼻

口

リボン

蝶ネクタイ

μ's高坂穂乃果のスタイルシートアートです。Blink系ブラウザ推奨です。(safariは一部対応、IEは知らん)

画像を使わずCSSのみで作成。これまでのCSSアートにあった毛先などの鋭い部分をバックカラーでトリミングしない方法を使い、透過背景を実現！

HTMLとして正しい記述なのかW3Cのチェッカーを試してみた。

W3CのNu Html CheckerでNo errorの表示、W3C CSS 検証サービスで「正当なCSSです」が表示された。

W3C様が「アイコンを張る事をお勧めします」と言っているので貼り付けることにする。

Googleのモバイルフレンドリーテストもチェック。

「このページはモバイルフレンドリーです」をいただきましたので一応レスポンシブ対応しています。ただ画面の小さい端末では穂乃果の髪がのびてくる・・・怖い。

（バージョンアップするかは不明）

おまけで総務省のアクセシビリティ評価チェックツールmiCheckerにてJIS規格(JIS X 8341-3:2016)に対応。(WCAG 2.0と同じ)

これは楽勝でJISの内容が古臭くて音声用にAltを入れろとかコントラストを確かめろといったもので普通に作ればAAAを取得できる。