Caution

This document is an English translation of the “freee Accessibility Guidelines.” The normative version of this document is in Japanese, and the English version is informational. The English translation is incomplete, and any links with their link texts left in Japanese are untranslated. Please be aware that there may be inaccuracies in the translation or parts that are outdated.

Examples of How to Conduct Checks Using NVDA

Here, we compile examples of how to conduct the check methods indicated for each checklist item using NVDA.

For installation and basic usage of NVDA, please refer to How to Perform Checks With NVDA.

Check ID: 0411

Text that describes the purpose and the status of icons is announced by screen reader.

ID 0411-nvda-01

Confirm that the functionality of the icon, or the state the icon is indicating is announced when the following operations are performed using NVDA:

• When the part with the icon is read aloud using arrow keys in browse mode

• When the icon is something that can receive focus, like a button or a link, and is focused on by pressing the Tab/Shift+Tab keys

Reference Videos: アイコンの役割や示している状態【NVDAでアクセシビリティー チェック】

Check ID: 0413

When icons are displayed along with text labels, the same content is not announced by the screen reader more than once.

ID 0413-nvda-01

Confirm that the same content is not announced twice as the result of both the icon and the accompanying text being announced, when passing over a location with an icon accompanied by a text label using arrow keys in NVDA’s browse mode.

Reference Videos: アイコンの説明が重複しない【NVDAでアクセシビリティー チェック】

Check ID: 0441

Image descriptions are properly announced by the screen reader.

ID 0441-nvda-01

• Using NVDA, confirm that a brief description of the image is announced when performing the following:

  • When reading the part with the image using arrow keys in browse mode

  • When the image receives focus with Tab / Shift + Tab key operation, for focusable images, such as links.

• Confirm that one of the following is true for images that require detailed description

  • Detailed description is placed immediately before or after the image, and it is announced when using arrow keys in browse mode.

  • Detailed description is announced when reading the image using arrow keys in browse mode.

Reference Videos: 画像の説明【NVDAでアクセシビリティー チェック】

Check ID: 0471

Images that do not contain any information or functionality are ignored by the screen reader.

ID 0471-nvda-01

Confirm that the presence of the image is not announced when passing over the image using arrow keys in NVDA’s browse mode.

Reference Videos: 情報や機能性を持たない画像【NVDAでアクセシビリティー チェック】

Check ID: 0531

The screen reader announces the same content as the images of text.

ID 0531-nvda-01

Confirm that the same text as contained in the image is announced when using arrow keys in NVDA’s browse mode.

Reference Videos: 画像化されたテキスト【NVDAでアクセシビリティー チェック】

Check ID: 0561

Headings are recognized by the screen reader as headings of the heading levels indicated in the design documents.

ID 0561-nvda-01

With NVDA, display the heading list by steps below, and confirm that all headings on the page are displayed appropriately.

1. Display the elements list in browse mode (NVDA+F7)

2. Set the “Type” to “Headings” ():kbd:Alt+H)

Reference Videos: 見出し【NVDAでアクセシビリティー チェック】

Check ID: 0562

The screen reader properly recognizes tables and their cells.

ID 0562-nvda-01

Confirm that all of the following are met using NVDA.

• The table can be found by the following steps:

  1. Move to the beginning of the page in browse mode ():kbd:Ctrl+Home)

  2. Move to the table using the go to next/previous table functions (T or Shift+T)

• Content of the table cells are announced properly when moving among the cells using the following steps:

  1. Find the beginning of the table in browse mode

  2. Move among the cells using following keys:

     • Ctrl+Alt+←: to the left cell

     • Ctrl+Alt+→: to the right cell

     • Ctrl+Alt+↓: to the cell below

     • Ctrl+Alt+↑: to the cell above

What to be announced when moving among table cells：

The following content is announced when moving among cells using the functions listed above.

• move to left/right: the column header, column number, and the content of the destination cell

• move up/down: the row header, row number, and the content of the destination cell

The following is announced if arrow keys are simply used in browse mode:

• up/down arrows: move to the previous/next cell and announce the cell content; only a part of the cell might be read if there are line-breaks within the cell.

• left/right arrows: move and announce character by character; the behavior on empty cells is as if there is only one space character

Reference Videos: 表【NVDAでアクセシビリティー チェック】

Check ID: 0591

Non-static text (e.g., open/close menus, tab panels, date selection UI) can be manipulated by the screen reader without difficulty.

ID 0591-nvda-01

Confirm that all of the following are met using NVDA:

• Users can recognize that the component accepts some operation when reading the part in browse mode.

• All of the functions provided in the part can be operated at least by keyboard in focus mode.

• If the displayed content changes upon operation, users can recognize it through the announcement.

• If the displayed content changes upon operation, users can read the updated content in browse mode.

Reference Videos: 開閉するボタン【NVDAでアクセシビリティー チェック】

Check ID: 0621

The screen reader uses text-to-speech engine of appropriate language when it reads the content.

ID 0621-nvda-01

Confirm that displayed text is announced without any issue when reading with up and down arrow keys in NVDA’s browse mode.

To perform this check properly, the settings need to be done for processing multiple languages.

Reference Videos: 適切な言語の音声【NVDAでアクセシビリティー チェック】

Check ID: 0681

The start of the main text can be found by using the heading jump function of the screen reader or the jump function between areas indicated by ARIA landmarks.

ID 0681-nvda-01

Confirm that users can move to the position immediately before the main body using the jump to next/previous heading function ( H / Shift + H key) in NVDA’s browse mode.

Reference Videos: 本文の開始位置【NVDAでアクセシビリティー チェック】

ID 0681-nvda-02

Confirm that users can move to the beginning of the main landmark using the jump to next landmark function ( D` key) in NVDA’s browse mode, and the main body begins immediately after that position.

Check ID: 0711

The content is read aloud in an order which is natural both visually and semantically, when read by the screen reader, including when the page/screen state changes.

ID 0711-nvda-01

With NVDA running, confirm the following:

• Confirm that the content is read aloud in an order which is natural, and does not hinder the understanding of the meaning when reading from the top of the page using arrow keys in browse mode.

• Confirm that the content is read aloud in the appropriate order in all states when there are mechanisms that change the display content without transitioning to another page.

Check ID: 0801

• Components commonly used on multiple pages/screens, such as global navigation, header, footer, breadcrumb list, and support UI, have the same order of appearance on all pages/screens. and

• The order of appearance of links and buttons within these components is the same on all pages/screens.

ID 0801-nvda-01

Confirm that the reading order is consistent across multiple pages when reading the content using the up/down arrow keys in NVDA’s browse mode.

Reference Videos: 同じ出現順序【NVDAでアクセシビリティー チェック】

Check ID: 0861

The screen reader announces the location of current page within the global navigation and breadcrumb list.

ID 0861-nvda-01

Confirm that the part that represents the currently displayed page in the breadcrumbs or global navigation is indicated by announcement such as “current page” when reading the content using arrow keys in NVDA’s browse mode.

Reference Videos: 現在のページ【NVDAでアクセシビリティー チェック】

Check ID: 0921

When text containing multiple languages is read out loud using a reading environment that supports multiple languages, the text is read out loud by the appropriate language’s speech engine.

ID 0921-nvda-01

Confirm that the voices for reading content change according to the natural language used in the content when reading with arrow keys in NVDA’s browse mode.

Reference Videos: 複数の言語の音声【NVDAでアクセシビリティー チェック】

Check ID: 0922

The screen reader announces dates, times, numeric values, etc. in a way that is natural in the natural language used in the page or in the application.

ID 0922-nvda-01

Confirm that all of the following are met when reading date, time, number, etc. using up/down arrow keys in NVDA’s browse mode.

• The voice used to read the part is the same as the voice used to read other parts.

• The speech output of the part is natural and in line with the language used on the page or in the application. (eg. “Jan 1” would not be read as “1月1日” if the primary language of the page is English.)

Check ID: 0951

Form controls, such as edit boxes, check boxes, and radio buttons, are properly labeled.

ID 0951-nvda-01

Confirm that the appropriate text, corresponding to the form control is announced when moving focus to the form control using Tab / Shift + Tab keys in NVDA’s focus mode.

Check ID: 1191

Status messages, such as the result of an operation, are automatically announced by the screen reader.

ID 1191-nvda-01

With NVDA running, perform the operation to display status messages according to the design documents, and confirm that the displayed status messages are automatically announced.

Note: Refer to the implementation example shown inステータス・メッセージとスクリーン・リーダーfor the expected behavior in the implementation using aria-live.

Reference Videos: ステータスメッセージ【NVDAでアクセシビリティー チェック】