アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その2） - 水底の血
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1）の続きです。 おさらい 対象ページ：「アトリエ金工やまぐち」 Basic認証があるので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください @HeldaForStudy氏に了承を得てアクセシビリティチェックを行っています チェック基準：WCAG 2.1レベルA 文中のSCはSuccess Criteriaの略で達成基準のこと 目的はどうやってアクセシビリティチェックしているのか、チェックしながら何を考えているのかを書き記すことです 制作ページやチェック内容にネガティブなことをいいたいわけではありません チェックに抜け漏れ、誤りがあるかもしれません 仕様等は基本的に日本語訳を当たります では続きを進めていきましょう。 モーダル出現ボタン スクリーンショットですと、 HTMLソースとしては、
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1） - 水底の血
ツイッターでアクセシビリティ向上日誌２【目視試験編】‐Akira Tsuda Portfolio and Blogというのを見かけて、そういえばアクセシビリティチェックって何をどうしているのかという話をウェブ上でほとんど見かけない（というか自分は知らない）ので、思い切ってチェックの過程や考え方を書いてみようかなと。 チェック対象のサイトを作った@HeldaForStudy氏に尋ねたところ、題材として使ってよいという返事をいただいたので、「アトリエ金工やまぐち」のサイト1ページをチェックしてみることにします。 対象ページはBasic認証がかかっているので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください。 @HeldaForStudy氏はレベルはA*1でチェックしたとのことなので、チェック基準はWCAG 2.1レベルAでチェックすることにしましょう。 わたしは普段はCOB-
ウェブコンテンツアクセシビリティガイドライン（WCAG）は何が難しいのか、あるいは難しさに立ち向かう方法 - 水底の血
LINEヤフーにおけるこれからのアクセシビリティというスライドで「WCAGはハードルが高い」という文言を見かけました。どうしてハードルが高い、言いかえるならば難しいとされるのか、その難しさはどこから来るのかをちょっと深掘りしてみようと思います。 WCAGという言葉について、改めて見ておきましょう。WCAGはもっぱら、Web Content Accessibility Guidelines（ウェブコンテンツアクセシビリティガイドライン）というW3Cの発行する技術文書を指すわけですけども、現時点でよく参照されるのがウェブアクセシビリティ基盤委員会（WAIC）が公開している日本語訳のWCAG 2.1でしょう。ちなみに本家のW3Cは、WAICが現時点で公開しているWCAG 2.1の改訂版を今年9月に公開し、さらにバージョンの進んだWCAG 2.2を先月に発行したばかりだったりします。 WCAG 2
パズル認証で切符が買えない問題から考える交通バリアフリーとウェブアクセシビリティ - 水底の血
千葉日報が2023年10月16日付けで次の記事を掲載していました。27日にはヤフーニュースでも配信されました。ちなみにヤフーニュースでは全文を読むことができます。 パズル認証が障壁に 視覚障害で特急切符買えず 東武鉄道「不正利用防止への理解を」 識者「バリアフリー対応は責務」【ちば特 千葉日報特報部】 | 千葉日報オンライン パズル認証が障壁に 視覚障害で特急切符買えず 東武鉄道「不正利用防止への理解を」 識者「バリアフリー対応は責務」【ちば特 千葉日報特報部】（千葉日報オンライン） - Yahoo!ニュース 記事の冒頭にはこうあります。 「ネットで東武鉄道の特急券を買いたくても、視覚障害のためパズル認証の操作ができず、サービスを利用できない」。船橋市に住む読者の男性からこんな困惑の声が寄せられた。取材を進めると、千葉県内に特急の路線を持つ鉄道のうち、東武鉄道のみがチケットレス特急券の購入
メモ：両HTMLにおけるmain要素の説明、ついに一定の収束の気配か。 - 水底の血
あの2015年9月に端を発したとてつもなく長いmain要素の定義をどうにかしようというissueについに収束の気配が。 whatwg/htmlに<main>の記述を変更するPull RequestがAnneから出されている。このPRによるdiffはこんな感じ。 このPRでは2つ目のNoteはこのように変更される： While there is no restriction as to the number of main elements in a document, web developers are encouraged to stick to a single element. 4.4.14 The main element (#3326) 試訳するとこんな感じか。「文書のmain要素の数に制限はないが、ウェブ開発者は単一の要素にこだわることを勧める。」 そんなこんなで、main要
HTML文書は文字エンコーディングUTF-8でなければなりません - 水底の血
さよならレガシーエンコーディング。 文字エンコーディング宣言が存在するかどうかにかかわらず、文書のエンコードに使用される実際の文字エンコーディングはUTF-8でなければならない。 4.2.5.5 文書の文字エンコーディングを指定する - HTML Standard 日本語訳 Require utf-8 when specifying character encoding by sideshowbarker · Pull Request #3091 · whatwg/htmlにより、HTMLで使用できるエンコーディングはUTF-8のみとなりました。これにより、古いHTMLでは許容されていた、Shift_JIS、ISO-2022-JP、EUC-JP、UTF16LEといった文字エンコーディングは適合するHTMLではなくなりました。すでにNu Html CheckerでUTF-8以外の文字エンコー
HTMLチェッカーはchecker.html5.orgを推してみたい - 水底の血
次の3つのチェッカーについて、 Validator.nu Living Validator https://validator.nu/ Nu Html Checker https://validator.w3.org/nu/ Nu Html Checker https://checker.html5.org/ 次のHTMLコードを投入して比較してみたよという話。 <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <!-- dlの中のdivは現時点のHTML 5.2に規定されない --> <dl> <div> <dt> Last modified time </dt> <dd> 2004-12-23T23:33Z </dd> </div> <div> <dt> Recommended update interva
HTMLのコメント中に余分なハイフンが出現してもよくなった - 水底の血
Allow dashes in comments · whatwg/html@518d16f …実はまだHTML Standardの邦訳の方はこのFixを反映させておらず、コミットメッセージしか読んでないのですが（げふんげふん）。おまけにSGMLなりXMLなりの正確なコメントの構文も忘却の彼方だったりしますが、まあその辺のことは 正しいコメントを書こう マニアックな文法論議 - SGML の注釈宣言 あたりのほうがよっぽど詳しく解説しているのでそちらを参照してもらうとして、ともかく、 <!-- ---> <!-- -- --> <!-- --! -->といったコメントも許可されるようになりました、と。 ただし、次のコメント（もどき）はやはり構文違反となります。 <!--> <!---> <!-- --!>HTMLのコメントについては、<!--ではじまって-->で終わる、ただし間に--のよう
HTML 5.1仕様とその日本語訳についてちょっと一言 - 水底の血
結論から言えばHTML 5.1が勧告になっても今のところ訳出する気は無いですし、HTMLに関して現行のW3C勧告プロセスが維持され続ける限り、将来のバージョンについても訳出する気はありません。すべてのウェブ開発者 *1 はWHATWG HTML Standardを参照すべきですし、筆者の可能な限りHTML Standardの訳出を更新し続けます。 Working on HTML5.1 | W3C Blog W3C、「HTML5.1」を今年9月に勧告とする計画。仕様はGitHubで公開 － Publickey W3C Web Platform Working Group (WPWG)のco-chairであるLéonie WatsonによるW3Cブログのエントリーが公開されたのが6日付けで、Publickeyの記事が14日付けという謎のタイムラグがありましたが、ともかく、にわかにHTML 5.
2015年末におけるWAI-ARIAの今をものすごくざっくりと - 水底の血
このエントリーはWeb Accessibility Advent Calendar 2015の11日目のエントリーです。 出足から私的な話になって恐縮ですが、今年の筆者のアクセシビリティーに関係する活動実績としては、WAI-ARIA 1.0 日本語訳の訳出を完了し、さらに1.0の後続となるWAI-ARIA 1.1 日本語訳の訳出を追いかけているという年になりました*1。さらに、ARIA in HTML 日本語訳という仕様の訳出も行っています*2。ということで日本語訳の宣伝も兼ねて、折に触れて訳文を引用していきたいと思います*3。 さて、WAI-ARIAの今ということですが、そもそもWAI-ARIAとは何なのかというところにスポットライトを当てつつ、少し掘り下げてみたいと思います。せっかくのアドベントカレンダーですので、WAI-ARIAという言葉は聞いたことがあっても、中身はいまいちという人
W3Cスタイルシート仕様の歩き方みたいなもの（メモ） - 水底の血
Back to Basics CSSというイベントが先日行われた。主旨としては、SassやらCompassといったスタイルシートを記述するためのメタ言語なりフレームワークではなく、スタイルシート言語そのものの基礎に立ち返ろう、というものであったらしい。らしい、というのは筆者はこのイベントに参加しておらず、あくまで当日Twitterに流れてきたツイートと、イベントレポートでしか様子を伺い知ることができないからなのだけれども、このイベントで発表した人たちのスライドの中で、CSS3の日本語訳集やCSS 2.2日本語訳といった筆者の管理しているウェブページがほんのちょっぴり出てきたりする。 で、主に発表した人たちのエントリーを見るにつけ、ウェブ制作に携わる人が大多数のイベントであっても、そのイベントに参加する層はどうも日頃から仕様書を読まなかったり、縁遠かったりするという雰囲気……らしい。また、上
Re: role 属性を正しく設定してアクセシビリティを高める - 水底の血
role 属性を正しく設定してアクセシビリティを高める | NEAREAL リンク先をざっと目を通した感じ、真摯に書かれているエントリーだと思いますが、いくつかコメントしてみるテスト。 role 属性は HTML などで使いますが、role 属性に与える値や役割は HTML とは切り離された、 ARIA や WAI, WAI-ARIA と表記される区分に定義されています。 role によって役割を明確にする意味 - role 属性を正しく設定してアクセシビリティを高める | NEAREAL role属性の定義はWAI-ARIA仕様でなされますが、これをWAIとは表記しないんじゃないかなあと。 で、WAI-ARIAとはなんぞやと言うことですが、1つの説明として仕様から引用してみましょう。 WAI-ARIAは、ネイティヴ言語のセマンティックに対する代替としてでなく、補足として使用されることを意
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
