[B! accessibility] kazumichのブックマーク

マークアップのわかり方

この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。現代における「マークアップ」とはどのような行為なのか。いかにそれと向き合っていけばいいのか。そういったことについて考えてみます。マークアップの議論においては、「マークアップには正解がない」という意見が決まって出ます。正解がないと言うならば、たいていなんであってもそうです。たとえばCSSやJavaScriptの書き方には「正解」があるのかと考えてみると、必ずしもそうではありません。しかし、ことさらマークアップにおいてこれがよく言われる理由としては、妥当性を判断する基準がわからない、ということでしょう。というのも、CSSなら望む通りの見た目になればとりあえずOKだし、JavaScriptでも意図した通りの振

kazumich 2022/11/03

リンク

https://a11y-guidelines.freee.co.jp/intro/

kazumich 2021/08/18

accessibility

リンク

Ameba Accessibility Guidelines

概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0（2.1）の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0（2.1）を参照のこと。対象となるサービス本ガイドラインに準拠するサービス一覧。各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。アメブロ各項目の構成適合レベル達成基準を対応する目的と意義、対応すると得られるメリットなど具体例実装

kazumich 2021/08/18

accessibility

リンク

aXe Chrome plugin を使ってみる

投稿者: kem / 右記内 aXe / 投稿日:2017-11-02 ( 6 年, 6 ヶ月 ago) / 更新日:2019-09-03 ( 4 年, 8 ヶ月 ago) / コメント User guide | sonar documentation を使っていて aXe というアクセスビリティチェックツールがあることを知りました。単独機能を持つ、Chrome plugin があるので、インストールして使ってみます。目次[TOC] aXe とは？Deque Systems | Web Accessibility | Software, Services, and Training という企業が開発しているWeb アクセシビリティの Lint ツールです。無料で使える aXe-core と、有料 (ベータ版) の axe-pro があるようです。インストール、実行aXe - Ch

kazumich 2020/05/21

リンク

既存 Web アプリケーションのアクセシビリティを向上させるときによくあるヤツと対応方針

アクセシビリティ向上メモ最初から考慮されているのが一番ですが、そうでもなかったプロダクトに手を入れるときのあるあるを記録します。既存プロダクトはモノが出来上がってしまっているため根治的なリファクタリングよりも基本的には省力で済ませたいので、今回書いた対応方法も完璧よりは省力路線です。 HTML やらセマンティクスに関する知識はそれなりにあるつもりでしたが、AT やマシンリーダビリティを念頭に勉強し直すと自分で作ったものも至らなかったなと振り返らざるを得ない今日この頃。初期設計のときの考慮範囲が拡がったように思うので善きかなです。各項目について、もっと良い解法や誤り等あれば twitter とかでご指摘ください。 1. 画像に alt 属性がない場合付けましょう。付けます。はい。昔から基本とも言うべき、HTML/CSS 書きとしては耳にたこができるほど言われてきたことなので今更感もあ