YANO's digital garage

Copyright ©YANO All rights reserved. https://www.bravotouring.com/~yano/

Last-modified: 2024-03-09 (土)


[一語一絵/IT系]

アクセシビリティ / 2022-06-24 (金)

以前、[External]MdNの記事[External]第8回 音声読み上げとWebライティングに触発されて、価格表示としての¥100を100円に変更した。

要旨としては[External]【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性

まず1つ目は、テキストの表記によって意図した通りに読み上げられないことがある点です。記号や省略記号も、音声読み上げ機能では正しく内容を伝えられません。たとえば、3000などの数字は、全角で「3000」のように記述すると「さんぜろぜろぜろ」と読み上げられてしまいます。また、※や¥などの記号も読み上げられないので、注意が必要です。
と書いてある通りなのだが、そうは言っても[External]その記事自体、投稿日表記"2020/09/01"というダメな形式になっていて「お前が言うな」と言いたいところだが、実際のところはフレームワークがあるので「言うは易し行うは難し」ところだ。

実際のところ"YYYY/MM/DD"の日付表記を"YYYY年MM月DD日"表記に整理しようとしたのだがURLに含まれる部分などを除外する事ができずに断念して今に至るのだが、よく考えると本文中には"YYYY/MM/DD"という日付表記は無さそうなので、再び立ち上がることに。

というわけで、参考リンク行の日付表記だけ"YYYY年MM月DD日"表記に整理する観点で、以下のsedスクリプトによる対処を実施。

#!/bin/bash

PID=$$;

for f in $*;do
  OUTPUT=$f.${PID}
  sed -e 's/ *\(19[0-9][0-9]\)\/\([0-9]*\)\/\([0-9]*\)*$/ \1年\2月\3日/' \
      -e 's/ *\(20[0-9][0-9]\)\/\([0-9]*\)\/\([0-9]*\)*$/ \1年\2月\3日/' \
      -e 's/ *\([12][0-9][0-9][0-9]\)年0*\([0-9]*\)月0*\([0-9]*\)日$/ \1年\2月\3日/' $f > $OUTPUT
  touch --refer=$f $OUTPUT
  diff -q $f $OUTPUT > /dev/null
  if [ $? -ne 0 ]; then mv $OUTPUT $f; fi
  rm -f $OUTPUT
done
3つ目の正規表現で01月や01日の不要なゼロを削除するのが地味なポイントかな。

【参照】
●MdN Design Interactive https://www.mdn.co.jp/di/
第8回 音声読み上げとWebライティング 2008年4月15日
●Webmedia https://www.itra.co.jp/webmedia/
【アクセシビリティ向上】Webサイトの音声読み上げの注意点と必要性 2020年9月1日
●東海総合通信局 https://www.soumu.go.jp/soutsu/tokai/
ウェブアクセシビリティ
●Wikipedia https://ja.wikipedia.org/wiki/
アクセシビリティ
スクリーンリーダー