HTMLコーディングするとき、イラっとしたこと～其の玖～

6月の終わりがだんだん近づいてきてますが、気温もだんだん暑くなってきてますね。

梅雨入りや梅雨明けがいつもより遅くなったり、早かったり…

その前に、COVID-19が終息することを願うばかりです！

さてと本題に入りましょう。

HTMLコーディングするとき、イラっとしたこと～其の玖～

ある制作会社がトラブルで費用がかさむとなった時、引継ぎでこちらで依頼することがほとんど多いです。

引継ぎはの中身の内容によりますが…

話を取り戻して…

HTMLのページをコーディングするときに、中身（プログラム）を見るとド素人っぽくイラっとしました。

これで外注した費用が数百万をかけて中身が適当で情けなく感じました。

Web制作会社はどこまでぼったくるんやろって…

（ここまでの前置き（笑））

いくつかの例を挙げてみよう！

HTML5宣言しているのにrole属性をしてないとき


<header>
	<h1>Company Name</h1>
	<nav>
		<ul>
			<li>ニュース</li>
			<li>商品紹介</li>
			<li>会社概要</li>
			<li>お問合わせ</li>
		</ul>
	</nav>
</header>

<main>
	<h2>Title</h2>

	<p>Sample Text Sample Text Sample Text Sample Text</p>
</main>

<footer>
	<small>© Company Name</small>
</footer>

[role]属性を入れたとき


<header role="banner">
	<h1>Company Name</h1>
	<nav role="navigation">
		<ul>
			<li>ニュース</li>
			<li>商品紹介</li>
			<li>会社概要</li>
			<li>お問合わせ</li>
		</ul>
	</nav>
</header>

<main role="main">
	<h2>Title</h2>

	<p>Sample Text Sample Text Sample Text Sample Text</p>
</main>

<footer role="contentinfo">
	<small>© Company Name</small>
</footer>

なぜ[role]が必要なのか、もう一度考え直してみてください。

何回も言うけど、ホントにプロとして情けなくなりました。

もう一度、Webに関する勉強をしといたほうがいいですよ！

ほかに面白いネタがたくさんあるので、その時はご紹介しますね。

では、また！