2022/3/19
３連休１日目
娘の卒園式でした
ウルッときましたね
でかくなったな
小学校も一緒に頑張ろうね
ちなみに来週以降も３月いっぱいまで登園できます
不思議な感覚です
服福人々一気に読んだ
ファッションのことは詳しくわからないけど登場人物が応援したくなる
顔面アップの静止画が多用しすぎ感ある
やまのく(@yamanoku)
水の神殿前でやめてしまった 時のオカリナ再開しようかな
再開しました
魂の神殿前まで進めました
昨日の低気圧からの急上昇で頭痛がいてぇ
potato4d/Takuma HANATANI(@potato4d)
「逆に破壊された物件がどのくらい破壊されてるか見たくね？」という話をしている（チコリータがうち）
https://pbs.twimg.com/media/FOGgZy1VsAIhvU0.jpg
郵便受けで会話するチコリータ
https://www.youtube.com/watch?v=oNZMAgsBEMQ
にゃるら(@nyalra)
いつまでも落ち込んでいるのはダサい
これからは元気の時代‼️
https://pbs.twimg.com/media/FOH_aBTaUAAkc06.jpg
元気の時代‼️
Added eslint-plugin-vuejs-accessibility by Da-1kun · Pull Request #7148 · tokyo-metropolitan-gov/covid19 · GitHub
を眺めて、手元で lint 作動させてておもったこと
'vuejs-accessibility/aria-role': ['error', { ignoreNonDOM: true }],
の ignoreNonDOM ってちゃんと動いてるのか？ということ
Vuetifyのコンポーネントで role 付与されてるけど違った role が来た時には怒られるのか
default で true だけど false のとき検知できてるんだろうか
該当するソースを眺めてみる
テストコード
色々と動かしてみて問題なかった
code:js
const { ignoreNonDOM } = context.options0 || {};
if (ignoreNonDOM && !dom.has(getElementType(node.parent.parent))) {
return;
}
DOMじゃないものがあったら role チェックはパスするみたいだった
うーんとなったが…
role という props が WAI-ARIAとしてのものではない渡し方をしたい場合、チェックが制約になりうる
のでチェックさせるのもしんどそう
https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/src/rules/aria-role.js#L47-L53
eslint-plugin-jsx-a11yでも同じだった
自分の中では納得させることにした
それよりも allowedInvalidRoles が作られた経緯を知りたい
role="text" should be valid · Issue #574 · jsx-eslint/eslint-plugin-jsx-a11y · GitHub
Axess Lab | Text Splitting Causes Screen Reader Problems
role="text"、改行したときの VoiceOver のバグ回避のためのものっぽい
しかし2018年のバグ
存在しないroleなので怒られて然るべき
しかし回避させたい事情が今後でるかもしれない
のでオプションとして付与させてみてはどうかという提案
https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/pull/828
main にマージはされた、が最新のバージョンには載ってない（2022/3/19現在）
eslint-plugin-vuejs-accessibilityにもあったらいいかなと思ったけど、やっぱいいや…
Issue やプルリクエストを出すには至りませんでしたが色々と学びがありましたね