2017年4月19日 著 著者の安田さんには別途、Facebookの方でコメント付けておきましたが（これを書いている時点では反応は頂けておりません）、プロの編集者が意識する「ドキュメント構造」――HTML仕様の欠点にひきずられちゃダメ！を読んで感じた違和感を記録の意味で覚え書きしておきます。一言で言えば、この記事が指摘している所の「HTML仕様の欠点」とは何か、が自分には理解できませんでした。 HTMLは、見出しは指定できるものの、「章（または節や項）がここからここまで」というのを必ず示す仕様にはなっていません（HTML5のsectionもあまりそうした利用はされていません）。そのため、マークアップの段階で「あ、ここの段落は浮いてるな」というように気づきにくいのです（docbookなど他の文書マークアップ言語では、セクションの範囲を示すものがあります）。 あまりそうした利用はされていません

2016年12月21日 著 忙しさにかまけているうち、すっかり投稿のタイミングを逃してしまって、既に旧聞に属する話ではあるけれど、少し前に話題になったh1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い - Togetterまとめについて、アクセシビリティおじさんとして反応しておきたい。 各所で指摘されている通り、h1要素を複数回使うことについて、是か非かでいえば明確に「是」ですね。W3Cの策定する「HTML5」を使おうと、WHATWGの策定する「HTML Standard」を使おうと。ちなみにSEO上でも問題ないらしい。従い、この話題で論じられるべきは、アウトラインアルゴリズムを前提として見出し要素をマークアップすべきか否かでしょう。HTML 5.1の4.3.10.1. Creating an outlineには、以下の注記があります： There

みなさん、マークアップ好きですか？　私はまあまあ好きです。デザインされたパーツをHTMLでどう組むかを考えたり、他の開発者と意見を戦わせたりするのは楽しいですよね！ ただ、自分はマークアップ行為そのものについて、「ここにそんな拘る意味あるのかな？」と疑ってしまうことがあります。<dl> を使うか使わないか、とか、パンくずナビはどうマークアップするか、とか、少しでも良いマークアップをするために切磋琢磨するのはきっと楽しいことなのでしょうが、エンジニアとしての自己満足に陥ってはいないだろうか？　と我に返る時があるのですよね。その時の感情を掘り下げてみようと思ったことが、この記事を書くきっかけとなりました。 この記事で私が最終的に述べたいことは、近い将来の標準的なWebプロジェクトにおいて、緻密なマークアップ作業の重要性は極めて低下するだろうということです。なぜ私がそう思うか、妄想を交えつつまと

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この雑な文章は、dots girl Advent Calendar 2015 の4日目の記事です。 今 CSS に何が起きている？ CSS のシンプルなルール CSS は Web ページの装飾・レイアウトのための言語です。プログラミング言語と比べると、CSS は非常にシンプルなルールの元に成り立っています。 プロパティと値の組み合わせで、HTML にスタイルを適用する 上から書いた順にスタイルが適用される 詳細度の高い順にスタイルが適用される たったこれだけが、CSSのルールです。いわゆるカスケーディングってやつです。 CSS は壊れや

僕はいわゆるCMSが余り好きではありません。随分前に子会社のSYNCNEL事業のオフィシャルサイト(あるWeb屋がWordpressで制作)で苦い経験をしてからは特に。このブログもWordpressなので余り大きな声で言えたもんじゃないですけど(笑) でも、ホントはもうWordpressやめたい。ってかCMSにそもそも疑問を持ってます。 CMSの「おおげさ」感 サーバにシステム入れちゃうと、plug-inのupdateとか、CMS本体のupdateとか気になるし、ってか相性とかもあって出来なかったりもするし、そもそもシステムの為に必要なphp等の言語やDBやミドルウェアのupdateも気になって、脆弱性気になるけど…と余計な心配をしなくちゃいけません。 運用面でも、サイト全体の世代管理もしにくいし、ビジネス理由で別サーバに移転しようと思っても大変、htmlの構成を読み解こうとしてもテーマや

2015年4月10日 著 まず先に結論を書いてしまうと、Webクリエイターボックスの「CSSの content プロパティーを使いこなそう！」という記事には、アクセシビリティ的に好ましくない事例が掲載されているので注意しましょうね、ということです。また同記事の著者は、「文章として扱いたい場合は、CSSを使わず、ちゃんとHTML内に記述しましょう」と呼びかけていますが、これは誤解を招く表現だと思っています。文章の体をなしているかどうか、が論点ではないでしょう。閲覧環境を問わず、より多くの人により確実に届けたいと思う情報であれば、contentプロパティに頼らず、本文中にマークアップすべきと考えます。記事の末尾に 擬似要素と content プロパティーでできることの多くは、装飾としてデザインに付け加える程度のものが多いかと思います。 と書かれていますが、むしろ装飾の意味合いでしかconten

A few weeks ago, HTML5 became an official W3C Recommendation. I took advantage of this event to discuss 5 interesting but now obsolete features on SitePoint. The problem is that the W3C specifications are only one side of the same coin. Starting from this version of HTML, developers and browser vendors can choose between two different flavors of the same markup language: the specifications develop

2014年5月28日 著 標題で言いたいことは言い切っているのですが、まぁ、そういうことです（両者に包含関係はあれど完全一致ではない）。一般論として、ユーザビリティとアクセシビリティには深い相関ないし類似が認められるというのは間違いないでしょう。たとえば、あるユーザーにとってユーザビリティ上の効率が極端に低下した状況というのが「事実上の」アクセス不能であって、ゆえにアクセシビリティ上の問題があると解釈することは可能でしょう。とはいえ、両者について自分は割と「混ぜるな危険」という立場を取ることが多く、可能な限り切り分けたうえで議論なり設計・実装に取り組むことを好みます。そのベースとなっている考え方は、過去の覚え書きでいうと アクセシビリティとユーザビリティ Re: ウェブアクセシビリティマークの提唱について 辺りで書いて来た通り（ほかにも複数の記事で言及してきたけど割愛）。で、なんで今さらま

2014年1月17日 著 タイトルは適当。だいぶ遅レスではあるけれど、Web Standards Killed the HTML Star - JeffCroft.com（手っ取り早く日本語で内容を把握したいならJeff Croft「web標準が成功しhtml名人は用済みになった」 - 以下斜め読んだ内容が参考になります）を読んでの個人的感想。僭越ながら、かつては自分も元記事でHTML and CSS "guru"と表現されるところの一人だった自覚があるから。もっとも、そういうグルっぽい役回りで少しばかり有名だった「かもしれない」のは過去のごく短いあいだのことで（2006〜2007年頃）、また当時から自分より何倍もWeb標準に詳しい人なんて大勢いらっしゃったわけで、本当におこがましいにも程があるけど。 元記事が指摘しているところの傾向、つまりWeb標準の普及がHTMLやCSSの専門家として

CSSでID使うの良くない……どころか、ID使うのはゴミクズカスみたいな風潮で辛い。その根拠はいくつかあり、それらはCSSだけをただそのまま書く場合には納得出来ないこともないかなーと思うので余計に辛い。特にOOCSSのようなアプローチではIDは混ぜるな危険。だからといってIDを使わないのがベスト・プラクティスなわけじゃない。 CSS Lintの利用が広まり、これがID使うなって怒るのも原因の一端な気がする。Disallow IDs in selectorsではIDの問題点として以下のようなものを取り上げている。 However, IDs have a downside: they are completely unique and therefore cannot be reused. つまりユニークなため再利用できないというマイナスの面がある、と。確かに再利用できない。でもこれはマイナス

2013年8月10日 著 多くのWebページでは、そのページが属するWebサイトの主要なコンテンツ/カテゴリーにアクセスするためのメニュー、俗にグローバルナビゲーション（以下「グロナビ」）と呼ばれるものがページの先頭近くに置かれています。もうだいぶ前から、そんなものは要らない（少なくとも「そこには」要らない）ということを自分は考えており、PCよりも物理的に小さな画面でWebを使うことが一般化した昨今においては益々、その思いを強くしています。 Googleなどの検索サービス経由でアクセスしたにせよそうでないにせよ、ユーザーの目的とするコンテンツは、あくまでもそのページ固有のメインコンテンツ（HTML5的にはmain要素内容）のハズ。であれば、それより前に余計な（メインコンテンツの一部を成さない）情報や機能はなるべく置かないほうが良い。スマートフォンの画面なんかで見たときに、そういった「余計な

About 5 years ago it felt like the progressive enhancement battle had been won, but after watching the reactions to Nicholas Zakas' "Enough with the JavaScript already" it seems all the old arguments are back with reinforcements. Well, I'm wearing my angry-pants and I'm ready for a jog down ranty lane. This is not about users without JS If you turn JavaScript off, you're going to have a tough time

2013年4月14日 著 先週の金曜日、勤務先にてCSUN2013 参加報告セミナーが開催され、自分も講師の一人として登壇しました。セミナーで紹介し終えるまで言及するのを避けていた、というわけでもないけれど、今更ながらレスポンシブWebデザインにおけるアクセシビリティ面での注意点について覚え書きしておきます。その注意点は、CSUN 2013の初日に参加したResponsive Design and Accessibility Workshopで聞いた話や、3日間あったセッション聴講期間の初日に聞いたAccessibility Through Responsive Designというセッションで伺った話が元ネタです。ちなみに、レスポンシブにデザインしさえすればアクセシブルだと言える訳ではない、という話ではありません（それはそれで重要な事実ですが）。 Webは、さまざまな人々がさまざまなアクセ

「HTMLコーダーのキャリアに存在する5つの問題点（と求人）」を読んでの感想です。 ただの感想でして、Sogitanilogはシンプルなデザインかっこ良いなーと日々思っておりますし勉強になる記事も多いので好きな方です。 ディスってるわけではまったくないですからもろもろよろしくお願いいたします。 > 問題点１ 僕もコーダーでしたが、最下流だからこそプロジェクトの欠点が良く見え、ディレクターは一度コーディング業務を経験した方が良いと思っております。 > 問題点２ 量産となったときに自分の中でページを作成するフローをいち早く体系化し、より早く正確にページを量産して行くことに喜びを感じておりました。 苦痛しか感じないのであれば向いてないんじゃないでしょうか。 > 問題点３ 新たな技術・デバイスの登場などもあり、僕個人を取り巻く環境下では年々と単価が高まっている印象です。 表示がちゃんとされてればコ

HTMLコーダーとは、企画や設計、デザインが、ユーザーインターフェースとして完成する直前を担う業務であり、成果物の品質の最終防衛ラインを守る仕事でもあります。HTMLコーダーの能力が、SEOの精度やユーザビリティ、更新性を左右し、Webサイトのパフォーマンスに影響を与えることも少なくありません。 このように、HTMLコーダーはWeb制作における重要な部分を担っているにも関わらず、Web業界の他の職種以上にキャリア面でのリスクが大きいように感じています。その中でも、特に私が強く感じる問題点を、5つにまとめてみました。 ※なおこの記事は、最後は弊社の求人ページへのリンクに繋がっています。 問題点１：分業化が進んでいて、次のステップに行きにくい 最近のWeb制作は分業化が進んでいます。HTMLコーダーも当然、HTMLコーディングに特化して日々の業務を過ごすことが多いと思います。しかし業務の性質上