2022/12/17

デジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void element

デジタル庁、初心者向け「Webアクセシビリティー」導入ガイド無償公開　非技術者向け、専門用語は少なめに - ITmedia NEWS

JIS X 8341-3:2016 達成基準早見表（レベルA & AA）

総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0

駒瑠市〜アクセシビリティ上の問題の体験サイト〜

Chrome Browser

Void element （空要素） - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN

ゆうてん🖖さんはTwitterを使っています: 「タイポグラフィつよつよの方で英語で説明できる方、ヘルプ！！」 / Twitter

The Myths of Color Contrast Accessibility

There's a growing demand for designers to make their interfaces accessible to all users. It's important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies.

https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/

CSS3による文字に影（ドロップシャドウ）を付ける | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website

文字に影を付ける場合は text-shadowプロパティを使用します。ぼかし、色は省略でき、色を省略した場合は文字色と同色が反映されます。 box-shadowと違い、広がり距離とinsetがないことにご注意ください。 text-shadow:水平方向の位置垂直方向の位置; またはtext-shadow:水平方向の位置垂直方向の位置ぼかしの長さ; またはtext-shadow:水平方向の位置垂直方向の位置ぼかしの長さ色; ※ サンプルでは分かりやすくするため、フォントサイズを大きくしています。 ※ サンプルにはありませんが、水平方向の位置と垂直方向の位置を0にすることで、光彩（グロー）効果の表現が可能です。 sample 1 sample 2 sample 3 sample 4 カンマで区切ることにより、1つの文字に対して複数の影を付けることが可能です。複数指定やその他プロパティを使用することで、様々な影の表現が可能です。

https://shanabrian.com/web/css3/text-shadow.php

デジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void element

概要