弾き語りTOUR「MONSTER」仙台公演に参加すべく個人的に仙台に行ってきたわけですが、その直前(6月10日の夕方)には勤務先の仙台オフィスの皆さんと、勉強会的なことを催してもいました。大雑把に言って会の前半がマークアップ部(何)、後半はWebアクセシビリティに関する一問一答という構成。社内マークアップ部で用いた「インデックス」と同じものを使用しました。プロパティで絶対配置する感じになるはずで(マークアップ上はリンクラベルを画像より先に記述する前提)、レスポンシブな実装とは相性があまり良くなくなるのですけど、ひとまず仕方ないかなぁという感じ。いう、やや中途半端な案を作成するに止まっていました。class="title">メインタイトルリンクラベルリンクラベル</span></a></li></ul>昨年作った案との違いは、引き続き画像とリンクラベルのセットは単一のa要素としてマークアップしつつも、ソースオーダー上は画像を先にしている点。そこはFlexboxの使用を是とするならまた別の考え方もできたけれども、引き続きfloatプロパティでレイアウトする(かつレスポンシブな実装にする)想定で、そうしました。この案では、先述の「カテゴリー表記」は単なるオマケ、装飾であるとの仮定でもって「敢えて」CSSの擬似要素で表示させています。いうトピックスが興味深かったです。Standard的に好ましいマークアップとは言えなかったのですね。日本語訳より引用:li要素の内側の見出し要素(たとえばh1)を含むことは適合するが、それはおそらく著者が意図したセマンティックスを伝えることはない。見出しは新しいセクションを開始し、リストの見出しが暗黙的に複数のセクションにまたがるようにリストを分割する。マークアップ部@仙台オフィス著作者について@kazuhitoは、木達一仁の個人サイトです。宇宙開発や人力飛行機、Webデザイン全般に興味があります。Apple製品と麺類とコーヒーが好きです。南極には何度でも行きたい。アクセシビリティおじさんとしてのスローガンは「Webアクセシビリティ・ファースト」。宇宙開発とサステナビリティについて考えています。自己紹介もご覧ください。mastodontwitter2facebook2linkedinflickr3instagramfoursquareyoutube3feed3MastodonTwitterFacebookLinkedInFlickrInstagramFeedご注意コンテンツの正確性や信頼性には配慮していますが、必ずしもそれらを保証はしません。コンテンツにある意見や見解は、個人の立場において述べたものであり、所属組織等を代表するものではありません。コンテンツの利用およびその結果に対し、一切の責任を負いかねます。Analyticsを利用しており、その目的においてクッキーを使用しています。私は、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。