1行で alt属性は、「全ての 画像をそのalt属性のテキストに置き換えたときにページの意味が変わらない 」ようにつける。 （HTMLの標準規格書より） マジでこれに尽きる。 具体例 例１：ロゴ ❌ 間違ったマークアップ
お前らはまだ img タグの alt 属性の付け方を間違っている - Qiita
1行で alt属性は、「全ての 画像をそのalt属性のテキストに置き換えたときにページの意味が変わらない 」ようにつける。 （HTMLの標準規格書より） マジでこれに尽きる。 具体例 例１：ロゴ ❌ 間違ったマークアップ
<selectmenu> タグできる子; <select> に代わるカスタマイズ可能なドロップダウンリスト
<select> タグと自作ドロップダウンリスト HTML の <select> タグ（HTMLSelectElement）は制限が多く、ちょっと凝ったことをしようと思うとすぐ <select> では足りなくなります。たとえば、選択肢にテキストコンテンツ以外（アイコンなど）を含めたい、とか、フィルター用の入力ボックスをつけたい、とか、コンボボックスにしたい、とか。複数選択用の <select multiple> は、 PC ブラウザーで見るとポップアップではなく静的なリストボックスになり、 Ctrl + クリックなど複雑な操作が必要になるため扱いづらく、使われることは稀かと思います。 そこで独自ドロップダウンリストを実装することになるのですが、ちゃんと実装しようと思うと面倒です。 セマンティックマークアップ HTML タグ、 WAI-ARIA のロールやステートなど適切に指定します。 キー
List Style Recipes | CSS-Tricks
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications. For example, the number of items in a list is announced in a screen reader to give some context to the list. Let’s focus on styling lists here, m
Better Form Inputs for Better Mobile User Experiences | CSS-Tricks
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes. While these three attributes are often discussed in isolation, they make the most sense in the context of mobile user experience when you think of them as a team. There’s no question that forms on mobile devices can be tim
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - felixfbecker/dom-to-svg: Library to convert a given HTML DOM node into an accessible SVG "screenshot".
Meta Tags — Preview, Edit and Generate