Skip to content

Commit 766a46e

Browse files
committed
2021年3月1日時点での社内版を反映。リリース Ver. 202103.0
1 parent 21d14bf commit 766a46e

10 files changed

Lines changed: 2745 additions & 459 deletions

File tree

package-lock.json

Lines changed: 2593 additions & 409 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

source/checks/examples/axe.rst

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,25 @@ axeのインストールや基本的な使用方法については、 :ref:`exp-
5151

5252
.. END_axe-0441
5353
54+
.. _check-example-axe-0561:
55+
56+
:ref:`check-0561`
57+
~~~~~~~~~~~~~~~~~
58+
59+
.. include:: /checks/inc/allchecks.rst
60+
:start-after: .. BEGIN_check-0561
61+
:end-before: .. END_check-0561
62+
63+
.. BEGIN_axe-0561
64+
65+
以下のいずれの問題も出ないことを確認する。
66+
67+
* 見出しは空にしてはなりません
68+
* 見出しのレベルは1つずつ増加させなければなりません
69+
* ページにはレベル1の見出しが含まれていなければなりません
70+
71+
.. END_axe-0561
72+
5473
.. _check-example-axe-0951:
5574

5675
:ref:`check-0951`

source/checks/examples/nvda.rst

Lines changed: 59 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,65 @@ NVDAのインストール方法や基本的な使い方などについては、
7373

7474
.. END_nvda-0531
7575
76+
.. _check-example-nvda-0561:
77+
78+
:ref:`check-0561`
79+
~~~~~~~~~~~~~~~~~
80+
81+
.. include:: /checks/inc/allchecks.rst
82+
:start-after: .. BEGIN_check-0561
83+
:end-before: .. END_check-0561
84+
85+
.. BEGIN_nvda-0561
86+
87+
以下の手順で見出しリストを表示して、ページ中の見出しが過不足なく表示されていることを確認する。
88+
89+
1. ブラウズ・モードで要素リストを表示( :kbd:`NVDA+F7` )
90+
2. 「種別」を「見出し」に設定( :kbd:`Alt+H` )
91+
92+
.. END_nvda-0561
93+
94+
.. _check-example-nvda-0562:
95+
96+
:ref:`check-0562`
97+
~~~~~~~~~~~~~~~~~
98+
99+
.. include:: /checks/inc/allchecks.rst
100+
:start-after: .. BEGIN_check-0562
101+
:end-before: .. END_check-0562
102+
103+
.. BEGIN_nvda-0562
104+
105+
* 以下の手順で表を発見可能:
106+
107+
1. ブラウズ・モードでページの先頭に移動( :kbd:`Ctrl+Home` )
108+
2. 前後の表への移動( :kbd:`T` または :kbd:`Shift+T` キー)で、表に移動
109+
110+
* 以下の手順で、表中のセル間を移動しながら読み上げが可能:
111+
112+
1. ブラウズ・モードで表の先頭部分を探す
113+
2. 以下のキー操作でセル間を移動し、移動先のセルの内容が読み上げられることを確認する:
114+
115+
* :kbd:`Ctrl+Alt+` : 左のセル
116+
* :kbd:`Ctrl+Alt+` : 右のセル
117+
* :kbd:`Ctrl+Alt+` : 下のセル
118+
* :kbd:`Ctrl+Alt+` : 上のセル
119+
120+
参考:読み上げられる内容について
121+
````````````````````````````````
122+
123+
上記のセル間移動の操作を行った場合、以下の内容が読み上げられます。
124+
125+
* 左右の移動:移動先のセルの列見出し、列の番号、セルの内容
126+
* 上下の移動: 移動先のセルの行見出し、行の番号、セルの内容
127+
128+
単にカーソルキーを操作した場合は、以下のような内容が読み上げられます。
129+
130+
* 上下矢印: 前後のセルへ移動して読み上げ。ただしセル内で開業がある場合などは、セルの1部分だけが読み上げられることもある。
131+
* 左右矢印: 1文字ずつ移動して読み上げ。空のセルでは、1つだけスペースがあるような挙動になる。
132+
133+
.. END_nvda-0562
134+
76135
.. _check-example-nvda-0591:
77136

78137
:ref:`check-0591`
@@ -142,24 +201,6 @@ NVDAのインストール方法や基本的な使い方などについては、
142201

143202
.. END_nvda-0711
144203
145-
.. _check-example-nvda-0741:
146-
147-
:ref:`check-0741`
148-
~~~~~~~~~~~~~~~~~
149-
150-
.. include:: /checks/inc/allchecks.rst
151-
:start-after: .. BEGIN_check-0741
152-
:end-before: .. END_check-0741
153-
154-
.. BEGIN_nvda-0741
155-
156-
以下の手順で見出しリストを表示して、ページ中の見出しが過不足なく表示されていることを確認する
157-
158-
1. ブラウズ・モードで要素リストを表示( :kbd:`NVDA+F7` )
159-
2. 「種別」を「見出し」に設定( :kbd:`Alt+H` )
160-
161-
.. END_nvda-0741
162-
163204
.. _check-example-nvda-0861:
164205

165206
:ref:`check-0861`

source/checks/inc/allchecks.rst

Lines changed: 54 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -821,7 +821,7 @@ NVDAを用いたチェック実施方法の例
821821

822822
.. BEGIN_check-0441
823823
824-
画像の説明が適切に読み上げられる
824+
画像の説明がスクリーン・リーダーで適切に読み上げられる
825825

826826
.. END_check-0441
827827
@@ -1026,6 +1026,59 @@ NVDAを用いたチェック実施方法の例
10261026
関連ガイドライン
10271027
* マークアップ全般: :ref:`gl-markup-semantics`
10281028

1029+
.. _check-0561:
1030+
1031+
チェックID: 0561
1032+
~~~~~~~~~~~~~~~~~~
1033+
1034+
.. BEGIN_check-0561
1035+
1036+
設計資料で見出しとして示されているものを、スクリーン・リーダーが見出しとして認識している。
1037+
1038+
.. END_check-0561
1039+
1040+
対象
1041+
プロダクト
1042+
関連ガイドライン
1043+
* マークアップ全般: :ref:`gl-markup-semantics`
1044+
1045+
NVDAを用いたチェック実施方法の例
1046+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1047+
1048+
.. include:: /checks/examples/nvda.rst
1049+
:start-after: .. BEGIN_nvda-0561
1050+
:end-before: .. END_nvda-0561
1051+
1052+
axeを用いたチェック実施方法の例
1053+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1054+
1055+
.. include:: /checks/examples/axe.rst
1056+
:start-after: .. BEGIN_axe-0561
1057+
:end-before: .. END_axe-0561
1058+
1059+
.. _check-0562:
1060+
1061+
チェックID: 0562
1062+
~~~~~~~~~~~~~~~~~~
1063+
1064+
.. BEGIN_check-0562
1065+
1066+
スクリーン・リーダーが、表( ``table`` )を適切に認識していて、表中のセルも適切に認識している。
1067+
1068+
.. END_check-0562
1069+
1070+
対象
1071+
プロダクト
1072+
関連ガイドライン
1073+
* マークアップ全般: :ref:`gl-markup-semantics`
1074+
1075+
NVDAを用いたチェック実施方法の例
1076+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1077+
1078+
.. include:: /checks/examples/nvda.rst
1079+
:start-after: .. BEGIN_nvda-0562
1080+
:end-before: .. END_nvda-0562
1081+
10291082
.. _check-0571:
10301083

10311084
チェックID: 0571
@@ -1305,32 +1358,6 @@ NVDAを用いたチェック実施方法の例
13051358
* :ref:`exp-page-structure`
13061359

13071360

1308-
.. _check-0741:
1309-
1310-
チェックID: 0741
1311-
~~~~~~~~~~~~~~~~~~
1312-
1313-
.. BEGIN_check-0741
1314-
1315-
スクリーン・リーダーが見出しを適切に見出しとして認識している。
1316-
1317-
.. END_check-0741
1318-
1319-
対象
1320-
プロダクト
1321-
関連ガイドライン
1322-
* ページ全体: :ref:`gl-page-headings`
1323-
参考情報
1324-
* :ref:`exp-page-structure`
1325-
1326-
1327-
NVDAを用いたチェック実施方法の例
1328-
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1329-
1330-
.. include:: /checks/examples/nvda.rst
1331-
:start-after: .. BEGIN_nvda-0741
1332-
:end-before: .. END_nvda-0741
1333-
13341361
.. _check-0751:
13351362

13361363
チェックID: 0751

source/checks/inc/gl-image-description.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
* 画像に関する簡潔で過不足ない説明が ``alt`` 属性や ``aria-label`` 属性で付加されている。かつ
66
* 詳細な説明が必要な場合には、その説明が当該の画像の直前または直後に表示されている、または ``aria-describedby`` 属性で関連付けられている。
77
プロダクト( :ref:`check-0441` 、 :ref:`NVDAによるチェック実施方法の例 <check-example-nvda-0441>` 、 :ref:`axeによるチェック実施方法の例 <check-example-axe-0441>` )
8-
* 画像の説明が適切に読み上げられる
8+
* 画像の説明がスクリーン・リーダーで適切に読み上げられる

source/checks/inc/gl-markup-semantics.rst

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,7 @@
22
* 見出し( ``h1`` ~ ``h6`` )、箇条書き( ``ul``, ``ol``, ``dl`` )、表( ``table`` )など、HTMLのセマンティクスで表現できるものがそれらで表現されるよう、設計資料で明示されている。
33
コード( :ref:`check-0551` )
44
* 見出し( ``h1`` ~ ``h6`` )、箇条書き( ``ul``, ``ol``, ``dl`` )、表( ``table`` )などを用いてセマンティクスが適切にマークアップされている。
5+
プロダクト( :ref:`check-0561` 、 :ref:`NVDAによるチェック実施方法の例 <check-example-nvda-0561>` 、 :ref:`axeによるチェック実施方法の例 <check-example-axe-0561>` )
6+
* 設計資料で見出しとして示されているものを、スクリーン・リーダーが見出しとして認識している。
7+
プロダクト( :ref:`check-0562` 、 :ref:`NVDAによるチェック実施方法の例 <check-example-nvda-0562>` )
8+
* スクリーン・リーダーが、表( ``table`` )を適切に認識していて、表中のセルも適切に認識している。

source/checks/inc/gl-page-headings.rst

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,3 @@
22
* ページ内の機能や内容の区切り、本文の先頭部分などに適切に見出しが配置されている。
33
コード( :ref:`check-0731` )
44
* ``h1`` ~ ``h6`` 要素で見出しが適切にマークアップされている。
5-
プロダクト( :ref:`check-0741` 、 :ref:`NVDAによるチェック実施方法の例 <check-example-nvda-0741>` )
6-
* スクリーン・リーダーが見出しを適切に見出しとして認識している。

source/conf.py

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@
2020
project = 'freeeアクセシビリティー・ガイドライン'
2121
copyright = '2020-2021, freee株式会社'
2222
author = 'freee株式会社'
23-
version = 'Ver. 202102.0'
23+
version = 'Ver. 202103.0'
2424
release = version
25-
publishedDate = u'2021年2月2日'
25+
publishedDate = u'2021年3月1日'
2626

2727
if 'internal' in tags:
2828
publishedDate = datetime.datetime.now().strftime("%Y-%m-%d")
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.. _ver-202103-0:
2+
3+
`Ver. 202103.0 (2021年3月1日) <https://github.com/freee/a11y-guidelines/releases/202103.0>`_
4+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
5+
6+
* :ref:`gl-markup-semantics` に関連するチェック内容とそのチェック実施方法例を追加
7+
8+
* :ref:`check-0561`
9+
* :ref:`check-0562`
10+
11+
* 上記、チェックID: 0561と内容が重複するチェックID: 0741を削除
12+
* 意図の変更を伴わないチェック内容の文言変更: :ref:`check-0441`

source/intro/index.rst

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -145,6 +145,7 @@ Copyright © 2020-2021, freee株式会社
145145
更新履歴
146146
~~~~~~~~~~
147147

148+
.. include:: ChangeLog/202103.0.rst
148149
.. include:: ChangeLog/202102.0.rst
149150
.. include:: ChangeLog/202101.1.rst
150151
.. include:: ChangeLog/202101.0.rst

0 commit comments

Comments
 (0)