<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>2022/06/24 on Yano&#39;s digital garage</title>
    <link>https://www.bravotouring.com/~yano/archives/2022/06/24/</link>
    <description>Recent content in 2022/06/24 on Yano&#39;s digital garage</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Fri, 24 Jun 2022 17:03:20 +0900</lastBuildDate>
    <atom:link href="https://www.bravotouring.com/~yano/archives/2022/06/24/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>アクセシビリティ</title>
      <link>https://www.bravotouring.com/~yano/diary/it/20220624_change_nengappi.htm</link>
      <pubDate>Fri, 24 Jun 2022 17:03:20 +0900</pubDate>
      <guid>https://www.bravotouring.com/~yano/diary/it/20220624_change_nengappi.htm</guid>
      <description>&lt;p&gt;以前、&lt;a href=&#34;https://www.mdn.co.jp/di/&#34;&gt;MdN&lt;/a&gt;の記事&lt;a href=&#34;https://www.mdn.co.jp/di/contents/347/5680/&#34;&gt;第8回　音声読み上げとWebライティング&lt;/a&gt;に触発されて、価格表示としての￥100を100円に変更した。&lt;/p&gt;&#xA;&lt;p&gt;要旨としては&lt;a href=&#34;https://www.itra.co.jp/webmedia/screen-reader.html&#34;&gt;【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性&lt;/a&gt;に&#xA;&lt;blockquote cite=&#34;https://www.itra.co.jp/webmedia/screen-reader.html&#34;&gt;まず1つ目は、テキストの表記によって意図した通りに読み上げられないことがある点です。記号や省略記号も、音声読み上げ機能では正しく内容を伝えられません。たとえば、3000などの数字は、全角で「３０００」のように記述すると「さんぜろぜろぜろ」と読み上げられてしまいます。また、※や￥などの記号も読み上げられないので、注意が必要です。&lt;/blockquote&gt;と書いてある通りなのだが、そうは言っても&lt;a href=&#34;https://www.itra.co.jp/webmedia/screen-reader.html&#34;&gt;その記事&lt;/a&gt;自体、投稿日表記&lt;span class=&#34;Warning&#34;&gt;&#34;2020/09/01&#34;&lt;/span&gt;というダメな形式になっていて「お前が言うな」と言いたいところだが、実際のところはフレームワークがあるので「言うは易し行うは難し」ところだ。&lt;/p&gt;&#xA;&lt;p&gt;実際のところ&#34;YYYY/MM/DD&#34;の日付表記を&#34;YYYY年MM月DD日&#34;表記に整理しようとしたのだがURLに含まれる部分などを除外する事ができずに断念して今に至るのだが、よく考えると本文中には&#34;YYYY/MM/DD&#34;という日付表記は無さそうなので、再び立ち上がることに。&lt;/p&gt;&#xA;&lt;p&gt;というわけで、参考リンク行の日付表記だけ&#34;YYYY年MM月DD日&#34;表記に整理する観点で、以下のsedスクリプトによる対処を実施。&#xA;&lt;blockquote class=&#34;Log&#34;&gt;&#xA;#!/bin/bash&lt;br/&gt;&#xA;&lt;br/&gt;&#xA;PID=$$;&lt;br/&gt;&#xA;&lt;br/&gt;&#xA;for f in $*;do&lt;br/&gt;&#xA;  OUTPUT=$f.${PID}&lt;br/&gt;&#xA;  sed -e &#39;s/ *\(19[0-9][0-9]\)\/\([0-9]*\)\/\([0-9]*\)*$/ \1年\2月\3日/&#39; \&lt;br/&gt;&#xA;      -e &#39;s/ *\(20[0-9][0-9]\)\/\([0-9]*\)\/\([0-9]*\)*$/ \1年\2月\3日/&#39; \&lt;br/&gt;&#xA;      -e &#39;s/ *\([12][0-9][0-9][0-9]\)年0*\([0-9]*\)月0*\([0-9]*\)日$/ \1年\2月\3日/&#39; $f &gt; $OUTPUT&lt;br/&gt;&#xA;  touch --refer=$f $OUTPUT&lt;br/&gt;&#xA;  diff -q $f $OUTPUT &gt; /dev/null&lt;br/&gt;&#xA;  if [ $? -ne 0 ]; then mv $OUTPUT $f; fi&lt;br/&gt;&#xA;  rm -f $OUTPUT&lt;br/&gt;&#xA;done&lt;/blockquote&gt;&#xA;3つ目の正規表現で01月や01日の不要なゼロを削除するのが地味なポイントかな。&#xA;&lt;/p&gt;&#xA;&lt;p class=&#34;Reference&#34;&gt;【参照】&#xA;&#x9;&lt;br/&gt;●MdN Design Interactive &lt;a href=&#34;https://www.mdn.co.jp/di/&#34;&gt;https://www.mdn.co.jp/di/&lt;/a&gt;&#xA;&lt;br/&gt;┗&lt;a href=&#34;https://www.mdn.co.jp/di/contents/347/5680/&#34;&gt;第8回　音声読み上げとWebライティング&lt;/a&gt; 2008年4月15日&#xA;&#x9;&lt;br/&gt;●Webmedia &lt;a href=&#34;https://www.itra.co.jp/webmedia/&#34;&gt;https://www.itra.co.jp/webmedia/&lt;/a&gt;&#xA;&lt;br/&gt;┗&lt;a href=&#34;https://www.itra.co.jp/webmedia/screen-reader.html&#34;&gt;【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性&lt;/a&gt; 2020年9月1日&#xA;&#x9;&lt;br/&gt;●東海総合通信局 &lt;a href=&#34;https://www.soumu.go.jp/soutsu/tokai/&#34;&gt;https://www.soumu.go.jp/soutsu/tokai/&lt;/a&gt;&#xA;&lt;br/&gt;┗&lt;a href=&#34;https://www.soumu.go.jp/soutsu/tokai/siensaku/accessibility/index.html&#34;&gt;ウェブアクセシビリティ&lt;/a&gt;&#xA;&lt;br/&gt;●Wikipedia &lt;a href=&#34;https://ja.wikipedia.org/wiki/&#34;&gt;https://ja.wikipedia.org/wiki/&lt;/a&gt;&#xA;&lt;br/&gt;┣&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E9%9A%9C%E5%AE%B3%E8%80%85&#34;&gt;アクセシビリティ&lt;/a&gt;&#xA;&lt;br/&gt;┗&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC&#34;&gt;スクリーンリーダー&lt;/a&gt;&#xA;&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
