アカウント名:
パスワード:
ソースコードを画像でSNS共有するときに心がけたいこととは?
短文ならともかく長文だとどうかな。例えば犬の写真があったとして、犬種は何で色は何で名前は何で・・・というような冗長さを感じる。
スクリーンリーダーを(視覚障碍者のために)セットアップしたことのある私から見ると、冗長な説明をかくと情報収集の妨げになるので禁止、となります。
区切り目的で挿入する画像はalt=""にしておく。意味のない画像はalt=""にしておく。写真や絵を的確に説明する短い説明をaltに設定する。
まぁ、altを必須にしたせいで無意味なalt説明が入りまくったこともありましたね。時代はそんなに変わっていないということです。
ちなみに、ツイッターではないですが、Webページに「〇〇についてはこちら [it.srad.jp] △△についてはこちら [it.srad.jp]」なんて物がよくみられますが、これもアクセシビリティを低下させます。説明のためにわざと使用しています。ご容赦ください。視覚障碍者用のリーダーにはリンクを順読みする機能があり、この機能でたどっていくと「こちら」を連呼されるだけで情報が消えてしまいます。
あと、文字の大きさを指定できるサイトは視覚障碍者にとって無意味です。ブラウザ側でやるのが本来で、Webサイト側に用意するのが無意味なのです。
なんでこんなにアクセシブルじゃないものばかりになっているのかと思ってしまいます。
変なコメントが付いてるので言っておく
特に「情報のリンクは[こちら]」がダメというのは目から鱗だったその他も参考になったので感謝したい
> 特に「情報のリンクは[こちら]」がダメというのは目から鱗だった
昔は「HERE症候群 [wikipedia.org]」と呼ばれ蔑まれていたんじゃよ
212. <A> のアンカーとして `ここ` などを使うのは好ましくありません。 *3* アクセス指針技術文書4.6 [w3.org](J)などによれば、例えば、目の不自由な方がページを読むとき、リンク部分だけを拾って読んだりすることがあるそうです。そのようなとき、詳しくは<A href="detail.html">ここ</A>をクリックしてねClick <A href="info.html">here</A> for more info.とかいったリンクでは、意味がわかりません。もっと意味のある文章にしましょう。
212. <A> のアンカーとして `ここ` などを使うのは好ましくありません。 *3*
アクセス指針技術文書4.6 [w3.org](J)などによれば、例えば、目の不自由な方がページを読むとき、リンク部分だけを拾って読んだりすることがあるそうです。そのようなとき、
詳しくは<A href="detail.html">ここ</A>をクリックしてねClick <A href="info.html">here</A> for more info.
とかいったリンクでは、意味がわかりません。もっと意味のある文章にしましょう。
なぜこのようなのがよくないかは、Laura Lemay のHTML入門や、Style Guide for online hypertext [w3.org](J [kanzaki.com]) などに書いてあります。WAIでもこのような書き方は薦められていません。これは、HERE症候群と呼ばれています。また、「クリック」というリンクもよくないとされています。なぜなら、リンクをたどる動作はクリックとは限らないからです。「押す」という用言も同様です。
なぜこのようなのがよくないかは、Laura Lemay のHTML入門や、Style Guide for online hypertext [w3.org](J [kanzaki.com]) などに書いてあります。WAIでもこのような書き方は薦められていません。これは、HERE症候群と呼ばれています。
また、「クリック」というリンクもよくないとされています。なぜなら、リンクをたどる動作はクリックとは限らないからです。「押す」という用言も同様です。
とHTML文法チェッカー [htmllint.net]でも指摘されるので、自分でホームページを公開していたアレゲの間では半ば常識かと
htmlを仕事で扱う人間なら常識かと。もっとも発注者には常識がないのでダメなhtmlが量産されるのですけどね。つか目から鱗って素人か初心者ならまだしも・・・
こんなの使ってる読み上げソフトで動作変わるので、対応する意味ないですよ
「〇〇についてはこちら [it.srad.jp] △△についてはこちら [it.srad.jp]」なんて物がよくみられますが、これもアクセシビリティを低下させます。説明のためにわざと使用しています。ご容赦ください。視覚障碍者用のリーダーにはリンクを順読みする機能があり、この機能でたどっていくと「こちら」を連呼されるだけで情報が消えてしまいます。
割とよく見る書き方だと思いますので、リーダー側で工夫できないものでしょうか。
リーダーに構文解析まで求めるのは酷じゃないですかね?コストダウンも求められるでしょうし。
ぼくにはソースコードを画像としてSNSに流す意味がさっぱり理解できないので、正しいかどうか判断できません。
Twitterって140文字ずつしか投稿できないんですよ。
知ってますよ。もっと長いテキストなら別の場所にアップしてURLをツイートするのがよくある手法ですね。理解できないのはそこではなく、わざわざ「画像」をつける行為の方です。
別の置き場所を探して用意する手間がかかって、見る人に無駄なクリックと設定によっては別アプリへのジャンプを強いて、飛ぶまでソースコードが書かれていることが分からない。そこまでの不便をしてできることがせいせいソースのコピペだけで、大半を占めるスマホユーザには無用の長物。わざわざURLをツイートする行為がさっぱり理解できない。
別の置き場を探して用意してって、文字共有特化サービスのPastebinはソースコードに触れるような人の間なら結構有名だと思うんだけどなぁ
コピペ出来る って、パクるって用途だけじゃなくて自分が一番視認しやすいフォント・配色で読めるようにするのにも使える参考のために保存しておく場合でも、画像やツイートより、文字で備考付けて別途保存した方が検索性高い
そもそも大半を占めるスマホユーザーは画像ソースコードなんて読もうと思わない
横からだけど、画像と外部リンクはそれぞれ長所と短所があるので使い分ければいいし、排他ではないので両方入れてもいいし、何を争っているのかサッパリ理解できない
> 別の置き場を探して用意してって、文字共有特化サービスのPastebinは> ソースコードに触れるような人の間なら結構有名だと思うんだけどなぁ有名なサービスがあるかではなく手間がかかるかの話をしています。
> コピペ出来る って、パクるって用途だけじゃなくて> 自分が一番視認しやすいフォント・配色で読めるようにするのにも使える> 参考のために保存しておく場合でも、画像やツイートより、文字で備考付けて別途保存した方が検索性高いどういう用途で使うかを決めるのはあなたではなくtwitterの閲覧者です。そんなニーズがないから、誰もわざわざURLを貼ったりしないのです。現実を見ましょう。
> そもそも大半を占めるスマホユーザーは画像ソースコードなんて読もうと思わない画像ソースコードを読みたいというニーズがあるから、投稿する側も対応しているのです。ニーズがなければとっくに廃れてます。
なぜ正しいかどうか判断できないのか、これは全く、到底理解できない。
意味があるかないか(または意味が自分に理解できるか否か)が正しいか否かの判断に影響する人なのでしょう。
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
Stableって古いって意味だっけ? -- Debian初級
これは正しい使い方? (スコア:0)
ソースコードを画像でSNS共有するときに心がけたいこととは?
Re: (スコア:0)
短文ならともかく長文だとどうかな。
例えば犬の写真があったとして、犬種は何で色は何で名前は何で・・・というような冗長さを感じる。
ここにぶら下げておきます (スコア:2, 参考になる)
スクリーンリーダーを(視覚障碍者のために)セットアップしたことのある私から見ると、
冗長な説明をかくと情報収集の妨げになるので禁止、となります。
区切り目的で挿入する画像はalt=""にしておく。
意味のない画像はalt=""にしておく。
写真や絵を的確に説明する短い説明をaltに設定する。
まぁ、altを必須にしたせいで無意味なalt説明が入りまくったこともありましたね。
時代はそんなに変わっていないということです。
ちなみに、ツイッターではないですが、Webページに
「〇〇についてはこちら [it.srad.jp] △△についてはこちら [it.srad.jp]」なんて物がよくみられますが、これもアクセシビリティを低下させます。説明のためにわざと使用しています。ご容赦ください。
視覚障碍者用のリーダーにはリンクを順読みする機能があり、この機能でたどっていくと「こちら」を連呼されるだけで情報が消えてしまいます。
あと、文字の大きさを指定できるサイトは視覚障碍者にとって無意味です。
ブラウザ側でやるのが本来で、Webサイト側に用意するのが無意味なのです。
なんでこんなにアクセシブルじゃないものばかりになっているのかと思ってしまいます。
Re: (スコア:0)
変なコメントが付いてるので言っておく
特に「情報のリンクは[こちら]」がダメというのは目から鱗だった
その他も参考になったので感謝したい
Re:ここにぶら下げておきます (スコア:1)
> 特に「情報のリンクは[こちら]」がダメというのは目から鱗だった
昔は「HERE症候群 [wikipedia.org]」と呼ばれ蔑まれていたんじゃよ
とHTML文法チェッカー [htmllint.net]でも指摘されるので、自分でホームページを公開していたアレゲの間では半ば常識かと
Re: (スコア:0)
htmlを仕事で扱う人間なら常識かと。
もっとも発注者には常識がないのでダメなhtmlが量産されるのですけどね。
つか目から鱗って素人か初心者ならまだしも・・・
Re: (スコア:0)
こんなの使ってる読み上げソフトで動作変わるので、対応する意味ないですよ
Re: (スコア:0)
「〇〇についてはこちら [it.srad.jp] △△についてはこちら [it.srad.jp]」なんて物がよくみられますが、これもアクセシビリティを低下させます。説明のためにわざと使用しています。ご容赦ください。
視覚障碍者用のリーダーにはリンクを順読みする機能があり、この機能でたどっていくと「こちら」を連呼されるだけで情報が消えてしまいます。
割とよく見る書き方だと思いますので、リーダー側で工夫できないものでしょうか。
Re: (スコア:0)
リーダーに構文解析まで求めるのは酷じゃないですかね?コストダウンも求められるでしょうし。
Re: (スコア:0)
ぼくにはソースコードを画像としてSNSに流す意味がさっぱり理解できないので、正しいかどうか判断できません。
Re: (スコア:0)
Twitterって140文字ずつしか投稿できないんですよ。
Re: (スコア:0)
知ってますよ。
もっと長いテキストなら別の場所にアップしてURLをツイートするのがよくある手法ですね。
理解できないのはそこではなく、わざわざ「画像」をつける行為の方です。
Re: (スコア:0)
別の置き場所を探して用意する手間がかかって、見る人に無駄なクリックと設定によっては別アプリへのジャンプを強いて、飛ぶまでソースコードが書かれていることが分からない。そこまでの不便をしてできることがせいせいソースのコピペだけで、大半を占めるスマホユーザには無用の長物。わざわざURLをツイートする行為がさっぱり理解できない。
Re: (スコア:0)
別の置き場を探して用意してって、文字共有特化サービスのPastebinは
ソースコードに触れるような人の間なら結構有名だと思うんだけどなぁ
コピペ出来る って、パクるって用途だけじゃなくて
自分が一番視認しやすいフォント・配色で読めるようにするのにも使える
参考のために保存しておく場合でも、画像やツイートより、文字で備考付けて別途保存した方が検索性高い
そもそも大半を占めるスマホユーザーは画像ソースコードなんて読もうと思わない
Re: (スコア:0)
横からだけど、画像と外部リンクはそれぞれ長所と短所があるので使い分ければいいし、排他ではないので両方入れてもいいし、何を争っているのかサッパリ理解できない
Re: (スコア:0)
> 別の置き場を探して用意してって、文字共有特化サービスのPastebinは
> ソースコードに触れるような人の間なら結構有名だと思うんだけどなぁ
有名なサービスがあるかではなく手間がかかるかの話をしています。
> コピペ出来る って、パクるって用途だけじゃなくて
> 自分が一番視認しやすいフォント・配色で読めるようにするのにも使える
> 参考のために保存しておく場合でも、画像やツイートより、文字で備考付けて別途保存した方が検索性高い
どういう用途で使うかを決めるのはあなたではなくtwitterの閲覧者です。
そんなニーズがないから、誰もわざわざURLを貼ったりしないのです。
現実を見ましょう。
> そもそも大半を占めるスマホユーザーは画像ソースコードなんて読もうと思わない
画像ソースコードを読みたいというニーズがあるから、投稿する側も対応しているのです。
ニーズがなければとっくに廃れてます。
Re: (スコア:0)
なぜ正しいかどうか判断できないのか、これは全く、到底理解できない。
Re: (スコア:0)
意味があるかないか(または意味が自分に理解できるか否か)が正しいか否かの判断に影響する人なのでしょう。