├── .github └── workflows │ ├── lint.yaml │ └── release.yml ├── .gitignore ├── .gitmodules ├── .husky ├── .gitignore └── pre-commit ├── .lintstagedrc.mjs ├── .textlintrc ├── Makefile ├── README.md ├── build.mk ├── data ├── json │ ├── faq-tags.json │ ├── guideline-categories.json │ ├── info.json │ ├── schemas │ │ ├── check.json │ │ ├── common.json │ │ ├── faq.json │ │ └── guideline.json │ └── wcag-sc.json └── yaml │ ├── checks │ ├── code │ │ ├── 0071.yaml │ │ ├── 0311.yaml │ │ ├── 0371.yaml │ │ ├── 0401.yaml │ │ ├── 0402.yaml │ │ ├── 0431.yaml │ │ ├── 0461.yaml │ │ ├── 0521.yaml │ │ ├── 0551.yaml │ │ ├── 0552.yaml │ │ ├── 0553.yaml │ │ ├── 0554.yaml │ │ ├── 0571.yaml │ │ ├── 0586.yaml │ │ ├── 0587.yaml │ │ ├── 0611.yaml │ │ ├── 0671.yaml │ │ ├── 0672.yaml │ │ ├── 0851.yaml │ │ ├── 0911.yaml │ │ ├── 0912.yaml │ │ ├── 0941.yaml │ │ └── 1181.yaml │ ├── design │ │ ├── 0001.yaml │ │ ├── 0002.yaml │ │ ├── 0003.yaml │ │ ├── 0031.yaml │ │ ├── 0032.yaml │ │ ├── 0091.yaml │ │ ├── 0092.yaml │ │ ├── 0151.yaml │ │ ├── 0152.yaml │ │ ├── 0153.yaml │ │ ├── 0154.yaml │ │ ├── 0211.yaml │ │ ├── 0241.yaml │ │ ├── 0242.yaml │ │ ├── 0271.yaml │ │ ├── 0331.yaml │ │ ├── 0332.yaml │ │ ├── 0333.yaml │ │ ├── 0334.yaml │ │ ├── 0361.yaml │ │ ├── 0362.yaml │ │ ├── 0391.yaml │ │ ├── 0421.yaml │ │ ├── 0451.yaml │ │ ├── 0481.yaml │ │ ├── 0511.yaml │ │ ├── 0541.yaml │ │ ├── 0542.yaml │ │ ├── 0543.yaml │ │ ├── 0581.yaml │ │ ├── 0631.yaml │ │ ├── 0661.yaml │ │ ├── 0721.yaml │ │ ├── 0722.yaml │ │ ├── 0751.yaml │ │ ├── 0781.yaml │ │ ├── 0811.yaml │ │ ├── 0841.yaml │ │ ├── 0931.yaml │ │ ├── 0961.yaml │ │ ├── 1021.yaml │ │ ├── 1051.yaml │ │ ├── 1081.yaml │ │ ├── 1111.yaml │ │ ├── 1141.yaml │ │ ├── 1171.yaml │ │ ├── 1201.yaml │ │ ├── 1231.yaml │ │ ├── 1261.yaml │ │ ├── 1291.yaml │ │ ├── 1292.yaml │ │ ├── 1321.yaml │ │ ├── 1381.yaml │ │ ├── 1421.yaml │ │ ├── 1451.yaml │ │ ├── 1481.yaml │ │ ├── 1511.yaml │ │ ├── 1541.yaml │ │ ├── 1542.yaml │ │ ├── 1571.yaml │ │ ├── 1601.yaml │ │ └── 1631.yaml │ └── product │ │ ├── 0021.yaml │ │ ├── 0051.yaml │ │ ├── 0081.yaml │ │ ├── 0111.yaml │ │ ├── 0112.yaml │ │ ├── 0141.yaml │ │ ├── 0171.yaml │ │ ├── 0172.yaml │ │ ├── 0201.yaml │ │ ├── 0231.yaml │ │ ├── 0261.yaml │ │ ├── 0262.yaml │ │ ├── 0321.yaml │ │ ├── 0322.yaml │ │ ├── 0323.yaml │ │ ├── 0324.yaml │ │ ├── 0325.yaml │ │ ├── 0326.yaml │ │ ├── 0351.yaml │ │ ├── 0352.yaml │ │ ├── 0411.yaml │ │ ├── 0412.yaml │ │ ├── 0413.yaml │ │ ├── 0441.yaml │ │ ├── 0471.yaml │ │ ├── 0531.yaml │ │ ├── 0561.yaml │ │ ├── 0562.yaml │ │ ├── 0591.yaml │ │ ├── 0592.yaml │ │ ├── 0621.yaml │ │ ├── 0651.yaml │ │ ├── 0681.yaml │ │ ├── 0682.yaml │ │ ├── 0711.yaml │ │ ├── 0771.yaml │ │ ├── 0801.yaml │ │ ├── 0861.yaml │ │ ├── 0862.yaml │ │ ├── 0891.yaml │ │ ├── 0921.yaml │ │ ├── 0922.yaml │ │ ├── 0951.yaml │ │ ├── 0956.yaml │ │ ├── 0957.yaml │ │ ├── 1071.yaml │ │ ├── 1101.yaml │ │ ├── 1131.yaml │ │ ├── 1191.yaml │ │ ├── 1221.yaml │ │ ├── 1251.yaml │ │ ├── 1281.yaml │ │ ├── 1311.yaml │ │ ├── 1312.yaml │ │ ├── 1313.yaml │ │ ├── 1411.yaml │ │ ├── 1441.yaml │ │ ├── 1471.yaml │ │ ├── 1501.yaml │ │ ├── 1531.yaml │ │ ├── 1561.yaml │ │ ├── 1562.yaml │ │ ├── 1591.yaml │ │ ├── 1621.yaml │ │ └── 1651.yaml │ ├── faq │ ├── d0001.yaml │ ├── d0002.yaml │ ├── d0003.yaml │ ├── d0004.yaml │ ├── p0001.yaml │ ├── p0002.yaml │ ├── p0003.yaml │ ├── p0004.yaml │ ├── p0005.yaml │ ├── p0006.yaml │ ├── p0007.yaml │ ├── p0008.yaml │ └── p0009.yaml │ └── gl │ ├── dynamic_content │ ├── focus.yaml │ ├── hover-magnify.yaml │ ├── hover.yaml │ ├── maintain-dom-tree.yaml │ ├── no-flashing.yaml │ ├── no-interrupt.yaml │ ├── pause-movement.yaml │ ├── pause-refresh.yaml │ └── status.yaml │ ├── form │ ├── color-only.yaml │ ├── continue.yaml │ ├── dynamic-content-change.yaml │ ├── dynamic-content-focus.yaml │ ├── errors-cancel.yaml │ ├── errors-correction.yaml │ ├── errors-identify.yaml │ ├── hidden-label.yaml │ ├── keyboard-operable.yaml │ ├── label.yaml │ ├── tab-order.yaml │ ├── target-size-mobile.yaml │ ├── target-size.yaml │ └── timing.yaml │ ├── icon │ ├── color-only.yaml │ ├── consistent.yaml │ ├── contrast.yaml │ ├── target-size-mobile.yaml │ ├── target-size.yaml │ └── visible-label.yaml │ ├── image │ ├── adjacent-contrast.yaml │ ├── color-only.yaml │ ├── decorative.yaml │ ├── description.yaml │ ├── mobile-text-contrast.yaml │ └── text-contrast.yaml │ ├── images_of_text │ ├── avoid-usage.yaml │ ├── mobile-text-contrast.yaml │ ├── provide-text.yaml │ └── text-contrast.yaml │ ├── input_device │ ├── focus-indicator.yaml │ ├── focus.yaml │ ├── independent.yaml │ ├── keyboard-operable.yaml │ ├── mobile-standard-gestures.yaml │ ├── no-trap.yaml │ ├── shortcut-keys.yaml │ ├── support-mobile-assistive-tech.yaml │ └── use-up-event.yaml │ ├── link │ ├── color-only.yaml │ ├── consistent-text.yaml │ ├── tab-order.yaml │ └── text.yaml │ ├── login_session │ ├── continue.yaml │ └── timing.yaml │ ├── markup │ ├── component-implementation.yaml │ ├── component.yaml │ ├── semantics.yaml │ └── valid.yaml │ ├── multimedia │ ├── background-sound.yaml │ ├── caption.yaml │ ├── no-trap.yaml │ ├── operable.yaml │ ├── pause-movement.yaml │ ├── perceivable.yaml │ ├── sign-language.yaml │ ├── text-alternative.yaml │ ├── transcript.yaml │ ├── video-description-no-exception.yaml │ └── video-description.yaml │ ├── page │ ├── consistent-navigation.yaml │ ├── headings.yaml │ ├── landmark.yaml │ ├── location.yaml │ ├── markup-main.yaml │ ├── markup-order.yaml │ ├── orientation.yaml │ ├── redundant-navigation.yaml │ └── title.yaml │ └── text │ ├── color-only.yaml │ ├── component-lang.yaml │ ├── contrast.yaml │ ├── customize.yaml │ ├── enlarge-settings.yaml │ ├── heading-label.yaml │ ├── mobile-contrast.yaml │ ├── mobile-enlarge-settings.yaml │ ├── multiple-modality.yaml │ ├── page-lang.yaml │ ├── phrase-lang.yaml │ ├── zoom-reflow.yaml │ └── zoom.yaml ├── en ├── Makefile └── source │ ├── _static │ ├── a11y-gl-ogp.png │ ├── a11y-gl.css │ ├── copylink.js │ └── samples │ │ ├── aria-live-basic.html │ │ ├── aria-live-timer.html │ │ ├── lang-incorrect.html │ │ └── lang-partial.html │ ├── _templates │ ├── categories │ ├── dynamic_content.rst │ ├── form.rst │ ├── icon.rst │ ├── image.rst │ ├── images_of_text.rst │ ├── index.rst │ ├── input_device.rst │ ├── link.rst │ ├── login_session.rst │ ├── markup.rst │ ├── multimedia.rst │ ├── page.rst │ └── text.rst │ ├── checks │ ├── checklist.rst │ ├── checksheet.rst │ ├── examples │ │ ├── android-tb.rst │ │ ├── axe.rst │ │ ├── index.rst │ │ ├── ios-vo.rst │ │ ├── keyboard.rst │ │ ├── macos-vo.rst │ │ ├── misc.rst │ │ └── nvda.rst │ └── index.rst │ ├── conf.py │ ├── docutils.conf │ ├── explanations │ ├── axe.rst │ ├── check-contrast.rst │ ├── check-tools.rst │ ├── color-only.rst │ ├── contrast.rst │ ├── dynamic_content-auto-updated.rst │ ├── dynamic_content-hover.rst │ ├── dynamic_content-maintain-dom-tree.rst │ ├── dynamic_content-status.rst │ ├── form-dynamic-content.rst │ ├── form-errors.rst │ ├── form-labeling.rst │ ├── grayscale.rst │ ├── image-text-alternative.rst │ ├── image-visual.rst │ ├── images_of_text-text-alternative.rst │ ├── images_of_text-usage.rst │ ├── index.rst │ ├── input_device-various.rst │ ├── keyboard-notrap.rst │ ├── link-text.rst │ ├── magnification.rst │ ├── markup-component.rst │ ├── markup-semantics.rst │ ├── mobile-a11y-basics.rst │ ├── multimedia-autoplay.rst │ ├── multimedia-content-access.rst │ ├── multimedia-perceivable.rst │ ├── nu-html-checker.rst │ ├── page-navigation.rst │ ├── page-orientation.rst │ ├── page-structure.rst │ ├── screen-reader-check-android-talkback.rst │ ├── screen-reader-check-ios-voiceover.rst │ ├── screen-reader-check-macos-voiceover.rst │ ├── screen-reader-check-nvda.rst │ ├── screen-reader-check.rst │ ├── tab-order-check.rst │ ├── target-size.rst │ ├── text-custom-css.rst │ ├── text-lang.rst │ ├── text-wording.rst │ └── timing.rst │ ├── img │ ├── a11y-tree-aria-label.png │ ├── axe │ │ ├── axe-1.png │ │ ├── axe-2.png │ │ ├── axe-3.png │ │ ├── axe-4.png │ │ ├── axe-6.png │ │ ├── axe-8.png │ │ ├── axe-9.png │ │ ├── axe-pager.png │ │ ├── axe-settings-best-practices.png │ │ └── axe-settings.png │ ├── faq │ │ └── d0002 │ │ │ ├── 01.png │ │ │ ├── 02.png │ │ │ ├── 03.png │ │ │ ├── 04.png │ │ │ └── 05.png │ ├── grayscale │ │ ├── mac-settings-1.png │ │ ├── mac-settings-2.png │ │ ├── win-settings-1.png │ │ └── win-settings-2.png │ ├── macvo │ │ ├── macvo-settings-fnkey.png │ │ ├── macvo-settings-keyboard.png │ │ ├── macvo-util-commander-quicknav.png │ │ ├── macvo-util-commander-trackpad.png │ │ ├── macvo-util-general.png │ │ ├── macvo-util-visual.png │ │ └── macvo-welcome-dialog.png │ └── nvda │ │ ├── nvda-settings-browse_mode.png │ │ ├── nvda-settings-format.png │ │ ├── nvda-settings-general.png │ │ ├── nvda-settings-mouse.png │ │ ├── nvda-settings-speech.png │ │ ├── nvda-settings-vision.png │ │ ├── nvda-welcome.png │ │ └── win11-settings-speech-recognition.png │ ├── index.rst │ ├── info │ ├── axe-rules.rst │ ├── index.rst │ ├── priority.rst │ └── wcag21-mapping.rst │ └── intro │ ├── contributing.rst │ ├── history.rst │ ├── index.rst │ ├── intro.rst │ └── usage.rst ├── ja ├── Makefile └── source │ ├── _static │ ├── a11y-gl-ogp.png │ ├── a11y-gl.css │ ├── copylink.js │ └── samples │ │ ├── aria-live-basic.html │ │ ├── aria-live-timer.html │ │ ├── lang-incorrect.html │ │ └── lang-partial.html │ ├── _templates │ ├── breadcrumbs.html │ ├── footer.html │ └── layout.html │ ├── categories │ ├── dynamic_content.rst │ ├── form.rst │ ├── icon.rst │ ├── image.rst │ ├── images_of_text.rst │ ├── index.rst │ ├── input_device.rst │ ├── link.rst │ ├── login_session.rst │ ├── markup.rst │ ├── multimedia.rst │ ├── page.rst │ └── text.rst │ ├── checks │ ├── checklist.rst │ ├── checksheet.rst │ ├── examples │ │ ├── android-tb.rst │ │ ├── axe.rst │ │ ├── index.rst │ │ ├── ios-vo.rst │ │ ├── keyboard.rst │ │ ├── macos-vo.rst │ │ ├── misc.rst │ │ └── nvda.rst │ └── index.rst │ ├── conf.py │ ├── docutils.conf │ ├── explanations │ ├── axe.rst │ ├── check-contrast.rst │ ├── check-tools.rst │ ├── color-only.rst │ ├── contrast.rst │ ├── dynamic_content-auto-updated.rst │ ├── dynamic_content-hover.rst │ ├── dynamic_content-maintain-dom-tree.rst │ ├── dynamic_content-status.rst │ ├── form-dynamic-content.rst │ ├── form-errors.rst │ ├── form-labeling.rst │ ├── grayscale.rst │ ├── image-text-alternative.rst │ ├── image-visual.rst │ ├── images_of_text-text-alternative.rst │ ├── images_of_text-usage.rst │ ├── index.rst │ ├── input_device-various.rst │ ├── keyboard-notrap.rst │ ├── link-text.rst │ ├── magnification.rst │ ├── markup-component.rst │ ├── markup-semantics.rst │ ├── mobile-a11y-basics.rst │ ├── multimedia-autoplay.rst │ ├── multimedia-content-access.rst │ ├── multimedia-perceivable.rst │ ├── nu-html-checker.rst │ ├── page-navigation.rst │ ├── page-orientation.rst │ ├── page-structure.rst │ ├── screen-reader-check-android-talkback.rst │ ├── screen-reader-check-ios-voiceover.rst │ ├── screen-reader-check-macos-voiceover.rst │ ├── screen-reader-check-nvda.rst │ ├── screen-reader-check.rst │ ├── tab-order-check.rst │ ├── target-size.rst │ ├── text-custom-css.rst │ ├── text-lang.rst │ ├── text-wording.rst │ └── timing.rst │ ├── img │ ├── a11y-tree-aria-label.png │ ├── axe │ │ ├── axe-1.png │ │ ├── axe-2.png │ │ ├── axe-3.png │ │ ├── axe-4.png │ │ ├── axe-6.png │ │ ├── axe-8.png │ │ ├── axe-9.png │ │ ├── axe-pager.png │ │ ├── axe-settings-best-practices.png │ │ └── axe-settings.png │ ├── faq │ │ └── d0002 │ │ │ ├── 01.png │ │ │ ├── 02.png │ │ │ ├── 03.png │ │ │ ├── 04.png │ │ │ └── 05.png │ ├── grayscale │ │ ├── mac-settings-1.png │ │ ├── mac-settings-2.png │ │ ├── win-settings-1.png │ │ └── win-settings-2.png │ ├── macvo │ │ ├── macvo-settings-fnkey.png │ │ ├── macvo-settings-keyboard.png │ │ ├── macvo-util-commander-quicknav.png │ │ ├── macvo-util-commander-trackpad.png │ │ ├── macvo-util-general.png │ │ ├── macvo-util-visual.png │ │ └── macvo-welcome-dialog.png │ └── nvda │ │ ├── nvda-settings-browse_mode.png │ │ ├── nvda-settings-format.png │ │ ├── nvda-settings-general.png │ │ ├── nvda-settings-mouse.png │ │ ├── nvda-settings-speech.png │ │ ├── nvda-settings-vision.png │ │ ├── nvda-welcome.png │ │ ├── nvdacheat-desktop.png │ │ └── win10-settings-speech-recognition.png │ ├── index.rst │ ├── info │ ├── axe-rules.rst │ ├── index.rst │ ├── priority.rst │ └── wcag21-mapping.rst │ └── intro │ ├── ChangeLog │ ├── 2020 │ │ ├── 202004.0.rst │ │ ├── 202005.0.rst │ │ ├── 202005.1.rst │ │ ├── 202006.0.rst │ │ ├── 202007.0.rst │ │ ├── 202008.0.rst │ │ ├── 202009.0.rst │ │ ├── 202010.0.rst │ │ └── 202011.0.rst │ ├── 2021 │ │ ├── 202101.0.rst │ │ ├── 202101.1.rst │ │ ├── 202102.0.rst │ │ ├── 202103.0.rst │ │ ├── 202104.0.rst │ │ ├── 202105.0.rst │ │ ├── 202106.0.rst │ │ ├── 202107.0.rst │ │ ├── 202110.0.rst │ │ ├── 202110.1.rst │ │ ├── 202110.2.rst │ │ ├── 202111.0.rst │ │ └── 202112.0.rst │ ├── 2022 │ │ ├── 202201.0.rst │ │ ├── 202201.1.rst │ │ ├── 202202.0.rst │ │ ├── 202203.0.rst │ │ ├── 202205.0.rst │ │ ├── 202209.0.rst │ │ ├── 202209.1.rst │ │ └── 202210.0.rst │ ├── 2023 │ │ ├── 202301.0.rst │ │ ├── 202302.0.rst │ │ ├── 202303.0.rst │ │ ├── 202303.1.rst │ │ ├── 202303.2.rst │ │ ├── 202304.0.rst │ │ ├── 202304.1.rst │ │ ├── 202305.0.rst │ │ ├── 202306.0.rst │ │ ├── 202306.1.rst │ │ ├── 202307.0.rst │ │ ├── 202308.0.rst │ │ ├── 202309.0.rst │ │ ├── 202309.1.rst │ │ ├── 202310.0.rst │ │ ├── 202311.0.rst │ │ ├── 202311.1.rst │ │ ├── 202312.0.rst │ │ └── 202312.1.rst │ ├── 2024 │ │ ├── 202401.0.rst │ │ ├── 202403.0.rst │ │ ├── 202403.1.rst │ │ ├── 202404.0.rst │ │ ├── 202405.0.rst │ │ ├── 202408.0.rst │ │ ├── 202409.0.rst │ │ └── 202411.0.rst │ └── 2025 │ │ └── 202504.0.rst │ ├── contributing.rst │ ├── history.rst │ ├── index.rst │ ├── intro.rst │ └── usage.rst ├── package-lock.json ├── package.json ├── requirements.txt ├── tools ├── lib │ └── freee_a11y_gl │ │ ├── pyproject.toml │ │ └── src │ │ └── freee_a11y_gl │ │ ├── __init__.py │ │ ├── config.py │ │ ├── config.yaml.sample │ │ ├── constants.py │ │ ├── info_utils.py │ │ ├── initializer.py │ │ ├── models │ │ ├── __init__.py │ │ ├── axe.py │ │ ├── base.py │ │ ├── check.py │ │ ├── content.py │ │ ├── faq │ │ │ ├── __init__.py │ │ │ ├── article.py │ │ │ └── tag.py │ │ └── reference.py │ │ ├── relationship_manager.py │ │ ├── settings.py │ │ ├── source.py │ │ ├── utils.py │ │ ├── version_utils.py │ │ └── yaml_processor │ │ ├── __init__.py │ │ ├── process_yaml.py │ │ └── rst_processor.py └── scripts │ ├── yaml2rst │ ├── MANIFEST.in │ ├── pyproject.toml │ └── src │ │ └── yaml2rst │ │ ├── __init__.py │ │ ├── __main__.py │ │ ├── config.py │ │ ├── generators │ │ ├── __init__.py │ │ ├── base_generator.py │ │ ├── common_generators.py │ │ ├── content_generators │ │ │ ├── __init__.py │ │ │ ├── category_generator.py │ │ │ ├── check_generator.py │ │ │ ├── faq_generator.py │ │ │ ├── makefile_generator.py │ │ │ ├── reference_generator.py │ │ │ └── wcag_generator.py │ │ └── file_generator.py │ │ ├── initializer.py │ │ ├── path.py │ │ ├── template_manager.py │ │ ├── templates │ │ ├── axe-rules.rst │ │ ├── checks │ │ │ ├── allchecks.rst │ │ │ ├── examples-tool.rst │ │ │ ├── implementation.rst │ │ │ └── procedure.rst │ │ ├── faq │ │ │ ├── article-index.rst │ │ │ ├── article.rst │ │ │ ├── index.rst │ │ │ ├── tag-index.rst │ │ │ └── tagpage.rst │ │ ├── gl-category.rst │ │ ├── incfiles.mk │ │ ├── info_to_faq.rst │ │ ├── info_to_gl.rst │ │ ├── misc-defs.txt │ │ ├── priority-diff.rst │ │ └── wcag21-mapping.rst │ │ └── yaml2rst.py │ └── yaml2sheet │ ├── .gitignore │ ├── MANIFEST.in │ ├── pyproject.toml │ └── src │ └── yaml2sheet │ ├── __init__.py │ ├── __main__.py │ ├── auth.py │ ├── cell_data.py │ ├── condition_formatter.py │ ├── config.ini.sample │ ├── config.py │ ├── config.toml.sample │ ├── config.yaml.sample │ ├── config_loader.py │ ├── data_processor.py │ ├── sheet_formatter.py │ ├── sheet_generator.py │ ├── sheet_structure.py │ ├── utils.py │ └── yaml2sheet.py └── version.py /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .vscode/ 3 | build/ 4 | */source/inc/ 5 | */source/faq/ 6 | .DS_Store 7 | incfiles.mk 8 | __pycache__/ 9 | *:Zone.Identifier 10 | *.egg-info/ 11 | -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "vendor/axe-core"] 2 | path = vendor/axe-core 3 | url = https://github.com/dequelabs/axe-core 4 | -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | npx lint-staged 2 | -------------------------------------------------------------------------------- /.lintstagedrc.mjs: -------------------------------------------------------------------------------- 1 | export default { 2 | 'data/json/schemas/common.json': (files) => files.map((file) => `ajv compile --spec=draft2020 -s ${file}`), 3 | 'data/json/schemas/{guideline,check,faq}.json': (files) => files.map((file) => `ajv compile --spec=draft2020 -s ${file} -r data/json/schemas/common.json`), 4 | 'data/yaml/gl/**/*.yaml': (files) => files.map((file) => `ajv validate --spec=draft2020 -s data/json/schemas/guideline.json -r data/json/schemas/common.json -d ${file}`), 5 | 'data/yaml/checks/**/*.yaml': (files) => files.map((file) => `ajv validate --spec=draft2020 -s data/json/schemas/check.json -r data/json/schemas/common.json -d ${file}`), 6 | 'data/yaml/faq/**/*.yaml': (files) => files.map((file) => `ajv validate --spec=draft2020 -s data/json/schemas/faq.json -r data/json/schemas/common.json -d ${file}`), 7 | '(ja|en)/**/*.rst': 'sphinx-lint --enable all --disable line-too-long', 8 | } 9 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | BUILD_PROCEDURE_VERSION = 1 2 | SUBDIRS?= ja en 3 | 4 | export ROOTDIR = $(CURDIR) 5 | export SPHINXBUILD ?= sphinx-build 6 | export SPHINX_PREDEFINED_TARGETS := $(shell $(SPHINXBUILD) -M help . .|sed -r '/^\S+/d;s/^\s+(\S+).+/\1/;/^clean/d') 7 | export PREDEFINED_TARGETS = check-includes clean 8 | export ALL_PREDEFINED_TARGETS = $(SPHINX_PREDEFINED_TARGETS) $(PREDEFINED_TARGETS) 9 | 10 | .PHONY: all $(SUBDIRS) $(ALL_PREDEFINED_TARGETS) build-procedure-version 11 | 12 | all: html 13 | 14 | $(ALL_PREDEFINED_TARGETS): 15 | @for dir in $(SUBDIRS); do \ 16 | $(MAKE) -C $$dir $@ || exit 1; \ 17 | done 18 | 19 | build-procedure-version: 20 | @echo $(BUILD_PROCEDURE_VERSION) 21 | -------------------------------------------------------------------------------- /data/json/schemas/common.json: -------------------------------------------------------------------------------- 1 | { 2 | "$id": "https://a11y-guidelines.freee.co.jp/schemas/common.json", 3 | "type": "object", 4 | 5 | "$defs": { 6 | "i18nString": { 7 | "type": "object", 8 | "properties": { 9 | "ja": { 10 | "type": "string" 11 | }, 12 | "en": { 13 | "type": "string" 14 | } 15 | }, 16 | "additionalProperties": false, 17 | "required": ["ja", "en"] 18 | } 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0071.yaml: -------------------------------------------------------------------------------- 1 | id: '0071' 2 | sortKey: 200000 3 | severity: normal 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | マウス・ボタンのdownイベントをトリガーにしていない。 10 | en: |- 11 | The mouse button's down event is not used as a trigger. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0311.yaml: -------------------------------------------------------------------------------- 1 | id: '0311' 2 | sortKey: 200100 3 | severity: normal 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | CSSのサイズなどの指定で、絶対値指定（例：px）と相対値指定（例：rem）が混在していない。 10 | en: |- 11 | In CSS size specifications, absolute value specifications (e.g., px) and relative value specifications (e.g., rem) are not mixed. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0371.yaml: -------------------------------------------------------------------------------- 1 | id: '0371' 2 | sortKey: 200200 3 | severity: major 4 | target: code 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | エディット・ボックスや独自に実装した暗証番号入力のためのコンポーネントなど、ユーザーが文字列を入力する場面において、外付けキーボードが接続されたタイミングに関係なく、外付けキーボードによる入力が可能になっている。 10 | en: |- 11 | In situations where the user inputs text, such as in edit boxes or custom-implemented components for entering passwords, input via an external keyboard is possible, regardless of when the external keyboard is connected. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0552.yaml: -------------------------------------------------------------------------------- 1 | id: '0552' 2 | sortKey: 200900 3 | severity: major 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 箇条書き、表などのセマンティクスが、設計資料に従って適切に実装されている。 10 | en: |- 11 | The semantics of lists, tables, etc. are implemented appropriately according to the design documentation. 12 | implementations: 13 | - title: 14 | ja: セマンティクスに応じた実装 15 | en: Implementation According to Semantics 16 | methods: 17 | - platform: web 18 | method: 19 | ja: |- 20 | * 箇条書き（ ``ul`` 、 ``ol`` 、 ``dl`` ）、表（ ``table`` ）などを使用する 21 | * デザイン・システムの適切なコンポーネントを使用する 22 | en: |- 23 | * Use lists (``ul``, ``ol``, ``dl``), tables (``table``), etc. 24 | * Use the appropriate components of the design system 25 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0553.yaml: -------------------------------------------------------------------------------- 1 | id: '0553' 2 | sortKey: 201000 3 | severity: major 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ボタンは ``button`` 要素で、リンクは ``href`` 属性がある ``a`` 要素で、エディット・ボックス、チェックボックス、ラジオボタンなど、各種フォーム・コントロールはHTMLの適切な要素で実装されている 10 | en: |- 11 | Buttons are implemented with the ``button`` element, links are implemented with the ``a`` element that has an ``href`` attribute, and various form controls such as edit boxes, check boxes, and radio buttons are implemented with the appropriate HTML elements. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0554.yaml: -------------------------------------------------------------------------------- 1 | id: '0554' 2 | sortKey: 201100 3 | severity: major 4 | target: code 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | UIコンポーネントは、OSや開発フレームワークの標準コンポーネントを用いて実装されている。 11 | en: |- 12 | UI components are implemented using standard components of the OS or development framework. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0571.yaml: -------------------------------------------------------------------------------- 1 | id: '0571' 2 | sortKey: 201200 3 | severity: major 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | validatorやlinterでチェックが通る。 10 | en: |- 11 | The code passes checks by a validator or linter. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0587.yaml: -------------------------------------------------------------------------------- 1 | id: '0587' 2 | sortKey: 201400 3 | severity: critical 4 | target: code 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 複数の状態を持つコンポーネントは、その状態が視覚的にもスクリーン・リーダーでも分かるようになっている。（例：タブUIの現在選択されているタブ、状態に応じて変化するアイコンなど） 11 | en: |- 12 | Components with multiple states are implemented so that their states are understandable both visually and by screen readers. (For example, the currently selected tab in a tab UI, icons that change according to their state, etc.) 13 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0611.yaml: -------------------------------------------------------------------------------- 1 | id: '0611' 2 | sortKey: 201500 3 | severity: critical 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 日本語のページには、 ```` の記述がある。 10 | en: |- 11 | Japanese pages have the ```` specified. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0671.yaml: -------------------------------------------------------------------------------- 1 | sortKey: 201600 2 | id: '0671' 3 | severity: normal 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | * ``header``, ``main``, ``nav``, ``footer`` の各要素が適切に用いられている。または 10 | * これらが ``role`` 属性で明示されている。 11 | en: |- 12 | * The ``header``, ``main``, ``nav``, and ``footer`` elements are used appropriately, or 13 | * they are explicitly indicated by the ``role`` attribute. 14 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0672.yaml: -------------------------------------------------------------------------------- 1 | id: '0672' 2 | sortKey: 201700 3 | severity: normal 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | * ``main`` 要素が本文の開始位置を反映している。または 10 | * 本文の先頭部分に ``h1`` 要素や ``h2`` 要素でマークアップされた見出しがある。 11 | en: |- 12 | * The ``main`` element reflects the start of the main content, or 13 | * there is a heading marked up with an ``h1`` or ``h2`` element at the beginning of the main content. 14 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0851.yaml: -------------------------------------------------------------------------------- 1 | id: '0851' 2 | sortKey: 201800 3 | severity: normal 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | グローバル・ナビゲーションやパンくずリスト内でそのページ/画面の位置が明示されている。 10 | en: |- 11 | The position of that page/screen is explicitly indicated within the global navigation or breadcrumb list. 12 | implementations: 13 | - title: 14 | ja: 位置の明示 15 | en: Indicating Position 16 | methods: 17 | - platform: web 18 | method: 19 | ja: |- 20 | * ``aria-current`` 属性の付与 21 | en: |- 22 | * Assign the ``aria-current`` attribute. 23 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0911.yaml: -------------------------------------------------------------------------------- 1 | id: '0911' 2 | sortKey: 201900 3 | severity: minor 4 | target: code 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 複数の言語が含まれているテキストについて、適切に ``lang`` 属性が指定されている。 10 | en: |- 11 | The ``lang`` attribute is correctly specified for text that contains multiple languages. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/code/0912.yaml: -------------------------------------------------------------------------------- 1 | id: '0912' 2 | sortKey: 202000 3 | severity: minor 4 | target: code 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ロケールの指定が可能なUIコンポーネントにおいては、適切なロケールを指定している。 11 | en: |- 12 | For UI components that can have their locale specified, the appropriate locale is set. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0001.yaml: -------------------------------------------------------------------------------- 1 | id: '0001' 2 | sortKey: 100000 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | アイコンや画像に関して、3:1以上のコントラスト比が確保されている。 11 | 12 | * アイコンと背景色 13 | * 画像内の重要な情報とその背景色 14 | * 画像および画像化されたテキストとその隣接領域 15 | en: |- 16 | For icons and images, a contrast ratio of at least 3:1 is ensured. 17 | 18 | * Between the icon and its background color 19 | * Between important information within the image and its background color 20 | * Between the image and images of text and their adjacent areas 21 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0002.yaml: -------------------------------------------------------------------------------- 1 | id: '0002' 2 | sortKey: 100100 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | テキストおよび画像化されたテキストの表示色と背景色には、充分なコントラスト比が確保されている。 10 | 11 | * 文字サイズが29px（22pt）以上の場合：3:1以上 12 | * 文字サイズが24px（18pt）以上で太字の場合：3:1以上 13 | * その他の場合：4.5:1以上 14 | en: |- 15 | Sufficient contrast ratios are ensured for the display colors and background colors of text and images of text. 16 | 17 | * For text size 29px (22pt) or larger: at least 3:1 18 | * For bold text size 24px (18pt) or larger: at least 3:1 19 | * In other cases: at least 4.5:1 20 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0003.yaml: -------------------------------------------------------------------------------- 1 | id: '0003' 2 | sortKey: 100200 3 | severity: normal 4 | target: design 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | テキストおよび画像化されたテキストの表示色と背景色には、充分なコントラスト比が確保されている。 10 | 11 | * 文字サイズが24px（18pt）以上の場合：3:1以上 12 | * 文字サイズが19px（14pt）以上で太字の場合：3:1以上 13 | * その他の場合：4.5:1以上 14 | en: |- 15 | Sufficient contrast ratios are ensured for the display colors and background colors of text and images of text. 16 | 17 | * For text size 24px (18pt) or larger: at least 3:1 18 | * For bold text size 19px (14pt) or larger: at least 3:1 19 | * In other cases: at least 4.5:1 20 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0031.yaml: -------------------------------------------------------------------------------- 1 | id: '0031' 2 | sortKey: 100300 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | グレイスケール表示でも利用に支障が出ない配色になっている: 11 | 12 | * リンク箇所を判別できる 13 | * 画像、テキストの意図が伝わる 14 | * 入力フォームの必須項目、エラーを認知できる 15 | en: |- 16 | The color scheme is designed to not hinder usability even in grayscale display: 17 | 18 | * Links can be distinguished 19 | * The intent of images and text is conveyed 20 | * Required items and errors in input forms can be recognized 21 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0091.yaml: -------------------------------------------------------------------------------- 1 | id: '0091' 2 | sortKey: 100500 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | マウスオーバーで表示されるすべてのコンテンツは、以下のすべてを満たす設計になっている: 10 | 11 | * ポインターを移動させることなく、マウスオーバーで表示されたコンテンツを非表示にできる。（ESCキーで消える、など） 12 | * マウスオーバー状態ではなくなった場合、ユーザーが非表示にする操作を行った場合、内容が無効になった場合にのみ、マウスオーバーで表示されたコンテンツを非表示にする。 13 | en: |- 14 | All content displayed on mouseover is designed to meet all of the following criteria: 15 | 16 | * It is possible to hide the content displayed on mouseover without moving the pointer (e.g., it disappears when the ESC key is pressed). 17 | * The content displayed on mouseover is hidden only if the mouseover state is no longer active, the user performs an action to hide it, or the content becomes invalid. 18 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0092.yaml: -------------------------------------------------------------------------------- 1 | id: '0092' 2 | sortKey: 100600 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | マウスオーバーで表示されるすべてのコンテンツは、ポインターをそのコンテンツ上に移動しても、コンテンツが消えない設計になっている。 10 | en: |- 11 | All content displayed on mouseover is designed so that the content does not disappear even when the pointer is moved over it. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0151.yaml: -------------------------------------------------------------------------------- 1 | id: '0151' 2 | sortKey: 100700 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | デフォルトのフォーカス・インジケーターを用いない場合、代替となるフォーカス・インジケーターが設計資料で明示されている。 10 | en: |- 11 | When not using the default focus indicator, an alternative focus indicator is explicitly specified in the design documentation. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0152.yaml: -------------------------------------------------------------------------------- 1 | id: '0152' 2 | sortKey: 100800 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | Tab/Shift+Tabキーでフォーカスを移動しているときに、以下のような変化を発生させる機能が設計資料にない： 10 | 11 | * フォームの送信 12 | * レイアウトの変更 13 | * ページの遷移 14 | * モーダル・ダイアログの表示 15 | * 表示内容の大幅な変更、など 16 | en: |- 17 | The design documentation does not include features that cause the following changes when moving focus using the Tab/Shift+Tab keys: 18 | 19 | * Form submission 20 | * Layout changes 21 | * Page transitions 22 | * Display of modal dialogs 23 | * Significant changes in displayed content, etc. 24 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0153.yaml: -------------------------------------------------------------------------------- 1 | id: '0153' 2 | sortKey: 100900 3 | severity: critical 4 | target: design 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | スクリーン・リーダーのフォーカス箇所を示す表示が視認できる配色になっている 10 | en: |- 11 | The color scheme is designed to make it possible to see the color that indicates the focus area of the screen reader. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0154.yaml: -------------------------------------------------------------------------------- 1 | id: '0154' 2 | sortKey: 100910 3 | severity: critical 4 | target: design 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | アプリケーション固有の独自ジェスチャーを用いなければ利用できないような機能が設計資料に存在しない。 10 | en: |- 11 | There are no functions in the design documents that cannot be used without using application-specific unique gestures. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0211.yaml: -------------------------------------------------------------------------------- 1 | id: '0211' 2 | sortKey: 101000 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | クリックやマウスオーバーなどのマウス操作を受け付けるものは、キーボードのみでも操作できるように設計されている。 10 | en: |- 11 | Elements that accept mouse actions such as clicks or mouseovers are designed to be operable with the keyboard alone. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0241.yaml: -------------------------------------------------------------------------------- 1 | id: '0241' 2 | sortKey: 101100 3 | severity: minor 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | リンク・テキストは「こちら」などになっておらず、リンク・テキストの文言から遷移先をある程度推測できるようになっている。 11 | en: |- 12 | Link text is not merely 'click here' or similar phrases, and is designed so that the destination can be somewhat inferred from the wording of the link text. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0242.yaml: -------------------------------------------------------------------------------- 1 | id: '0242' 2 | sortKey: 101200 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 同じ文脈において、遷移先が同じリンク、目的が同じボタンには、一貫したテキストやアイコンが使われている。 11 | en: |- 12 | Consistent text and icons are used for links and buttons with the same destination or purpose in the same context. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0271.yaml: -------------------------------------------------------------------------------- 1 | id: '0271' 2 | sortKey: 101300 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 見出しのテキストは、内容を適切に示す文言になっている。 11 | en: |- 12 | The text of headings appropriately reflects the content. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0331.yaml: -------------------------------------------------------------------------------- 1 | id: '0331' 2 | sortKey: 101400 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 画像をリンクやボタンにする場合、クリックやタッチに反応する領域が充分な大きさになっていて、その領域が設計資料で明示されている。 10 | 11 | * デスクトップWebでは最低24 x 24 CSS px、なるべく44 x 44 CSS px以上 12 | * モバイルWebでは44 x 44 CSS px以上 13 | en: |- 14 | When an image is used as a link or button, the area that responds to clicks or touches is sufficiently large, and this area is explicitly specified in the design documentation. 15 | 16 | * For desktop Web, at least 24 x 24 CSS pixels, preferably more than 44 x 44 CSS pixels 17 | * For mobile Web, more than 44 x 44 CSS pixels" 18 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0332.yaml: -------------------------------------------------------------------------------- 1 | id: '0332' 2 | sortKey: 101500 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | チェックボックス、ラジオボタン、ボタンなど、フォーム・コントロールの見た目をブラウザーのデフォルトのものから変更する場合、クリックやタッチに反応する領域が充分な大きさになっていて、その領域が設計資料で明示されている。 10 | 11 | * デスクトップWebでは最低24 x 24 CSS px、なるべく44 x 44 CSS px以上 12 | * モバイルWebでは44 x 44 CSS px以上 13 | en: |- 14 | When altering the appearance of form controls such as checkboxes, radio buttons, and buttons from the browser's default, the area responsive to clicks or touches is sufficiently large, and this area is explicitly specified in the design documentation. 15 | 16 | * For desktop Web, at least 24 x 24 CSS px, preferably more than 44 x 44 CSS px 17 | * For mobile Web, more than 44 x 44 CSS px 18 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0361.yaml: -------------------------------------------------------------------------------- 1 | id: '0361' 2 | sortKey: 101800 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | マウスオーバー時に表示される情報や実行できる機能は、キーボードだけで操作している場合やタッチUIで操作している場合にも表示・実行できるような設計になっている。 10 | en: |- 11 | Design such that information displayed or functions executable on mouseover can also be displayed or executed when operating solely with a keyboard, or with a touch UI. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0362.yaml: -------------------------------------------------------------------------------- 1 | id: '0362' 2 | sortKey: 101900 3 | severity: major 4 | target: design 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | 本体を振る操作など、標準的なタッチ操作以外の方法を用いないと利用できない機能や情報がない。 10 | en: |- 11 | There are no features or information that can only be accessed by using methods other than standard touch operations, such as shaking the device. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0391.yaml: -------------------------------------------------------------------------------- 1 | id: '0391' 2 | sortKey: 102000 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * アイコンには、その役割や示している状態を表すテキスト・ラベルが併せて表示されている。または 11 | * テキスト・ラベルを表示できない場合、色の違いだけでアイコンの意味の違いを表さず、形状（モチーフ）やサイズでも違いが示されている。かつ 12 | * 役割や意味がわかる ``alt`` 属性の値が設計資料で明示されている。 13 | en: |- 14 | * Icons are accompanied by text labels that represent their role or the state they indicate. Or, 15 | * If text labels cannot be displayed, the difference in the meaning of icons is not represented solely by color differences but also by differences in shape (motif) or size. And, 16 | * The value of the ``alt`` attribute, which makes the role or meaning understandable, is explicitly specified in the design documentation. 17 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0421.yaml: -------------------------------------------------------------------------------- 1 | id: '0421' 2 | sortKey: 102100 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * 画像に関する簡潔で過不足ない説明が、設計資料で明示されている。かつ 11 | * 短いテキストでは充分に説明できない場合には、詳細な説明のテキストが設計資料で明示されている。 12 | en: |- 13 | * Concise and sufficient descriptions related to images are explicitly specified in the design documentation. And, 14 | * If a short text is not enough for explanation, detailed descriptive text is explicitly specified in the design documentation. 15 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0451.yaml: -------------------------------------------------------------------------------- 1 | id: '0451' 2 | sortKey: 102200 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 情報や機能性を一切持たない画像は、説明のテキストを付加してはならないことが設計資料で明示されている。 11 | en: |- 12 | It is explicitly stated in the design documentation that images which do not carry any information or functionality must not have descriptive text added to them. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0481.yaml: -------------------------------------------------------------------------------- 1 | id: '0481' 2 | sortKey: 102300 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 画像化されたテキストを用いて実装する対象として、自社および他者のロゴ、バナー、図や写真の中の文字列以外のものが設計資料中に存在しない。 11 | en: |- 12 | The design documentation does not contain any instances of text that is to be implemented using images of text, except for the company's and others' logos, banners, and text within diagrams or photos. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0511.yaml: -------------------------------------------------------------------------------- 1 | id: '0511' 2 | sortKey: 102400 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 画像化されたテキストと同じ内容のテキストが、その画像代替テキストとして設計資料で明示されている。 11 | en: |- 12 | The text that has the same content as images of text is explicitly stated as the alternative text for those images in the design documentation. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0541.yaml: -------------------------------------------------------------------------------- 1 | id: '0541' 2 | sortKey: 102500 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 見出しとして表現されるべきものが、設計資料で明示されている。 11 | en: |- 12 | It is explicitly stated in the design documentation what should be expressed as headings. -------------------------------------------------------------------------------- /data/yaml/checks/design/0542.yaml: -------------------------------------------------------------------------------- 1 | id: '0542' 2 | sortKey: 102600 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 箇条書き、表などとして表現されるべきものが、使用するべきHTMLの要素やデザイン・システムのコンポーネントと共に、設計資料で明示されている。 10 | en: |- 11 | It is explicitly stated in the design documentation what should be expressed as lists, tables, etc., along with the HTML elements or the design system components to be used. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0543.yaml: -------------------------------------------------------------------------------- 1 | id: '0543' 2 | sortKey: 102700 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 見出しには適切な見出しレベルが指定されている： 10 | 11 | * 文書の階層構造を反映した見出しレベルが指定されている 12 | * ページ全体では、見出しレベルは1から始まっている 13 | * 見出しレベルは、1の下位は2、2の下位は3のように1ずつ増加していて、抜けがない状態になっている 14 | en: |- 15 | Appropriate heading levels are specified for headings: 16 | 17 | * Heading levels reflect the document's hierarchical structure 18 | * Across the entire page, heading levels start from 1 19 | * Heading levels increase sequentially by one at each level, such as 2 being subordinate to 1, and 3 to 2, ensuring there are no gaps 20 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0581.yaml: -------------------------------------------------------------------------------- 1 | id: '0581' 2 | sortKey: 102800 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 独自実装が必要なUIコンポーネントについて、スクリーン・リーダー利用時の挙動およびキーボードによる操作時の挙動が設計資料で明示されている。 11 | en: |- 12 | For UI components that require custom implementation, the behavior when using screen readers and the behavior when operating with a keyboard are explicitly stated in the design documentation. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0631.yaml: -------------------------------------------------------------------------------- 1 | id: '0631' 2 | sortKey: 102900 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | そのページ/画面の目的を示し、かつ他のページ/画面とは異なるタイトルが設計資料で明示されている。 10 | en: |- 11 | The design documentation explicitly states a title that indicates the purpose of the page/screen and is different from the titles of other pages/screens. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0661.yaml: -------------------------------------------------------------------------------- 1 | id: '0661' 2 | sortKey: 103000 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ページのどの部分がそれぞれ ``header``, ``nav``, ``main``, ``footer`` 要素でマークアップされるべきかが、複数のページで一貫した形で設計資料に明示されている。 10 | en: |- 11 | The design documentation explicitly states in a consistent manner across multiple pages which parts of the page should be marked up with the ``header``, ``nav``, ``main``, and ``footer`` elements. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0721.yaml: -------------------------------------------------------------------------------- 1 | id: '0721' 2 | sortKey: 103100 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ページ内の機能や内容の区切り、本文の先頭部分などに適切に見出しが配置されている。 10 | en: |- 11 | Headings are placed appropriately at the beginning of the page, at the beginning of the main content, and at the beginning of each section. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0722.yaml: -------------------------------------------------------------------------------- 1 | id: '0722' 2 | sortKey: 103200 3 | severity: normal 4 | target: design 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | 複数の種類の情報を含む画面においては、情報の区切りに見出しが配置されている。 10 | en: |- 11 | In screens containing multiple types of information, headings are placed at the divisions of information. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0751.yaml: -------------------------------------------------------------------------------- 1 | id: '0751' 2 | sortKey: 103300 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 特定の画面方向に固定した使用を前提としたデザインになっていない。 11 | en: |- 12 | The design does not assume use fixed to a specific screen orientation. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0781.yaml: -------------------------------------------------------------------------------- 1 | id: '0781' 2 | sortKey: 103400 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * グローバル・ナビゲーション、ヘッダー、フッター、パンくずリスト、サポートUIなど、複数のページ/画面で共通に用いられている構成要素は、すべてのページ/画面で同じ出現順序になっている。かつ 11 | * これらの構成要素の中でのリンクやボタンの出現順序は、すべてのページ/画面で同じになっている。 12 | en: |- 13 | * Components commonly used across multiple pages/screens, such as global navigation, headers, footers, breadcrumb lists, and support UI, appear in the same order on all pages/screens. And, 14 | * The appearance order of links and buttons within these components is the same on all pages/screens. 15 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0811.yaml: -------------------------------------------------------------------------------- 1 | id: '0811' 2 | sortKey: 103500 3 | severity: minor 4 | target: design 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | そのページへの到達手段が複数ある。ただし、特定のの操作の結果として表示されるページや、何らかの手順（例：ウィザード）の途中で表示されるようなページは除く。 10 | 11 | 例： 12 | 13 | * ナビゲーション・メニューといわゆるハブ・ページの両方から遷移できる。 14 | * 特定のページ中のリンクから遷移することに加えて、サイト内検索機能からも遷移できる。 15 | * ヘルプ・ページ中のリンクからも遷移できる。 16 | en: |- 17 | There are multiple ways to reach that page. However, this does not apply to pages displayed as a result of specific actions or those shown during a process (e.g., a wizard). 18 | 19 | Examples: 20 | 21 | * It can be accessed from both the navigation menu and so-called hub pages. 22 | * In addition to transitioning from links on a specific page, it can also be accessed through the site's search function. 23 | * It can also be accessed from links within the help page. 24 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0841.yaml: -------------------------------------------------------------------------------- 1 | id: '0841' 2 | sortKey: 103600 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | グローバル・ナビゲーションやいわゆるパンくずリストがある場合、そのページ/画面のサイトやアプリケーション内での位置がグローバル・ナビゲーションやパンくずリスト内で示されている。 11 | en: |- 12 | If there is a global navigation or so-called breadcrumb list, the position of the page/screen within the site or application is indicated in the global navigation or breadcrumb list. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/0931.yaml: -------------------------------------------------------------------------------- 1 | id: '0931' 2 | sortKey: 103700 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | エディット・ボックス、チェックボックス、ラジオボタンなど、フォーム・コントロールの役割が分かるように、付加するべきラベルが設計資料で明示されている。 11 | 12 | Webの場合 13 | * 画面上に表示されているテキストまたは代替テキストが付加された画像をラベルとして指定する。 14 | * ``aria-label`` 属性値として指定すべきテキストを明示する。 15 | en: |- 16 | In order to make the roles of form controls, such as edit boxes, checkboxes, and radio buttons understandable, design documentation explicitly specifies the labels to be added. 17 | 18 | For the web: 19 | * Specify text displayed on the screen or images with alternative text as labels. 20 | * Explicitly specify the text that should be designated as the ``aria-label`` attribute value. 21 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1021.yaml: -------------------------------------------------------------------------------- 1 | id: '1021' 2 | sortKey: 103900 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 制限時間が設定されているフォームの入力中に制限時間が超過した場合、それまでの入力内容を失うことなく入力を再開できるようになっている。 11 | en: |- 12 | If the time limit is exceeded while entering information into a form with a set time limit, it is possible to resume input without losing the content entered up to that point. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1051.yaml: -------------------------------------------------------------------------------- 1 | id: '1051' 2 | sortKey: 104000 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | フォーム中のフィールドの値の変更や、値変更後のフォーカス移動がトリガーとなって、ページ/画面全体に及ぶような大幅な表示内容の変更、ページ/画面遷移、別のフィールドの値の変更が起こるような機能が設計資料に存在しない。 11 | en: |- 12 | There are no functions in the design documentation where changing the value of a field in a form, or moving the focus after changing a value, triggers significant changes to the display content affecting the entire page/screen, page/screen transitions, or changes to the values of other fields. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1081.yaml: -------------------------------------------------------------------------------- 1 | id: '1081' 2 | sortKey: 104100 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 設計資料には、フォーム入力でエラーが発生したときに表示される、エラー内容が分かる具体的な文言が明示されている。 11 | en: |- 12 | The design documentation explicitly specifies the specific phrases that are displayed when an error occurs in form input, clarifying the nature of the error. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1111.yaml: -------------------------------------------------------------------------------- 1 | id: '1111' 2 | sortKey: 104200 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | フォーム入力に関するエラーについて、エラーの修正方法が分かるエラー・メッセージが設計資料で明示されている。 11 | en: |- 12 | The design documentation explicitly specifies error messages that indicate how to correct errors in form input. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1141.yaml: -------------------------------------------------------------------------------- 1 | id: '1141' 2 | sortKey: 104300 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 法的行為、経済的取引、データの変更や削除を生じる機能については、取り消し、送信前の確認・修正、または送信時のエラー・チェックと修正が可能な設計になっている。 11 | en: |- 12 | For functions that involve legal actions, financial transactions, or the modification and deletion of data, the design allows for cancellation, pre-submission confirmation and modification, or error checking and correction at the time of submission. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1171.yaml: -------------------------------------------------------------------------------- 1 | id: '1171' 2 | sortKey: 104400 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ステータス・メッセージとして扱われるべきメッセージ、すなわち表示時や変更時にスクリーン・リーダーによって自動的に読み上げられる必要があるメッセージが、設計資料で特定されている。 11 | en: |- 12 | Messages that should be treated as status messages, i.e., messages that need to be automatically read by screen readers when displayed or changed, are specified in the design documentation. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1201.yaml: -------------------------------------------------------------------------------- 1 | id: '1201' 2 | sortKey: 104500 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 点滅、自動スクロールを伴うコンテンツがない。 11 | en: |- 12 | There is no content that blinks or scrolls automatically. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1231.yaml: -------------------------------------------------------------------------------- 1 | id: '1231' 2 | sortKey: 104600 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * 自動更新されるコンテンツがない。または 11 | * ユーザーが自動更新の間隔やタイミングの変更、自動更新の停止をできる。 12 | en: |- 13 | * There is no content that updates automatically. Or 14 | * Users can change the interval and timing of automatic updates, or stop automatic updates. 15 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1261.yaml: -------------------------------------------------------------------------------- 1 | id: '1261' 2 | sortKey: 104700 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 1秒間に3回以上光るコンテンツがない。 11 | en: |- 12 | There is no content that flashes more than three times per second. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1291.yaml: -------------------------------------------------------------------------------- 1 | id: '1291' 2 | sortKey: 104800 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ユーザーの入力操作や情報の閲覧を妨げるようなタイミングで表示される、画面の内容を大きく変更するような通知がない。 11 | en: |- 12 | There are no notifications that significantly alter the content of the screen at times that would interfere with the user's input operations or information browsing. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1292.yaml: -------------------------------------------------------------------------------- 1 | id: '1292' 2 | sortKey: 104900 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ユーザーの入力操作や情報の閲覧を妨げるようなタイミングで表示される、モーダル・ダイアログがない。 11 | en: |- 12 | There are no modal dialogs that appear at times that would interfere with the user's input operations or information browsing. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1381.yaml: -------------------------------------------------------------------------------- 1 | id: '1381' 2 | sortKey: 105100 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ログイン・セッションがタイムアウトした場合、再認証後にデータを失うことなくユーザーが操作を継続できるようになっている。 11 | en: |- 12 | If the login session times out, users can continue their operations without losing data after re-authentication. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1421.yaml: -------------------------------------------------------------------------------- 1 | id: '1421' 2 | sortKey: 105200 3 | severity: critical 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 3秒以上の長さの自動再生される音声コンテンツがない。 11 | en: |- 12 | There is no audio content that plays automatically for more than 3 seconds. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1451.yaml: -------------------------------------------------------------------------------- 1 | id: '1451' 2 | sortKey: 105300 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * 自動的に開始し5秒以上続く動画、アニメーションがない。または 11 | * 動画やアニメーションを停止、一時停止、または非表示にすることができる。 12 | en: |- 13 | * There are no videos or animations that start automatically and last for more than 5 seconds. Or 14 | * Videos or animations can be stopped, paused, or hidden. 15 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1481.yaml: -------------------------------------------------------------------------------- 1 | id: '1481' 2 | sortKey: 105400 3 | severity: major 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声・映像コンテンツは、そのコンテンツがなくても不足なく情報が伝わるような内容で、そのコンテンツがテキスト情報の代替もしくは補助的な位置づけであることが明示されている。 11 | en: |- 12 | Audio and video content is clearly indicated as being supplementary to or an alternative to text information, and is designed so that information is conveyed adequately even when the content is not present. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1511.yaml: -------------------------------------------------------------------------------- 1 | id: '1511' 2 | sortKey: 105500 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声を含むコンテンツには、同期したキャプションが提供されている。 11 | en: |- 12 | Content that includes audio is provided with synchronized captions. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1541.yaml: -------------------------------------------------------------------------------- 1 | id: '1541' 2 | sortKey: 105600 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * 動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または 11 | * 動画には音声解説が含まれている。または 12 | * 映像に関するテキストによる説明が提供されている。 13 | en: |- 14 | * The video allows for easy inference of the visual content from the originally recorded audio track. Or, 15 | * The video includes audio descriptions. Or, 16 | * Descriptions regarding the visuals are provided in text. 17 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1542.yaml: -------------------------------------------------------------------------------- 1 | id: '1542' 2 | sortKey: 105700 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | * 動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または 11 | * 動画には音声解説が含まれている。 12 | en: |- 13 | * The video allows for easy inference of the visual content from the originally recorded audio track. Or, 14 | * The video includes audio descriptions. 15 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1571.yaml: -------------------------------------------------------------------------------- 1 | id: '1571' 2 | sortKey: 105800 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 映像がない音声のみのコンテンツについて、音声を書き起こしたテキストが提供されている。 11 | en: |- 12 | For content that consists of audio only without video, a transcript of the audio is provided. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1601.yaml: -------------------------------------------------------------------------------- 1 | id: '1601' 2 | sortKey: 105900 3 | severity: minor 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 動画の音声情報には同期した手話通訳が提供されている。 11 | en: |- 12 | Synchronized sign language interpretation is provided for the audio information in videos. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/design/1631.yaml: -------------------------------------------------------------------------------- 1 | id: '1631' 2 | sortKey: 106000 3 | severity: normal 4 | target: design 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声コンテンツについて、充分に聴き取りやすい。 11 | en: |- 12 | The audio content is sufficiently easy to listen to. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0051.yaml: -------------------------------------------------------------------------------- 1 | id: '0051' 2 | sortKey: 500800 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | グレイスケール表示でも以下のような事象は発生せず、利用に支障が出ない。 11 | 12 | * リンク箇所を判別できる 13 | * 画像、テキストの意図が伝わる 14 | * 入力フォームの必須項目、エラーを認知できる 15 | en: |- 16 | The content is usable when displayed in grayscale, meeting the following: 17 | 18 | * Links can be identified 19 | * The intent of images and text is clear 20 | * Required fields and errors in ininput forms can be recognized 21 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0112.yaml: -------------------------------------------------------------------------------- 1 | id: '0112' 2 | sortKey: 501500 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | マウスオーバーで表示されるコンテンツは、拡大表示が可能。 10 | en: |- 11 | Content displayed on mouseover can be enlarged. 12 | conditions: 13 | - platform: web 14 | type: or 15 | conditions: 16 | - type: simple 17 | tool: misc 18 | id: 0112-content-00 19 | procedure: 20 | ja: |- 21 | チェック対象の画面に、マウスオーバーで表示されるコンテンツが存在しない。 22 | en: |- 23 | There are no content displayed on mouseover on the screen to be checked. 24 | - type: simple 25 | tool: mouse 26 | id: 0112-mouse-01 27 | procedure: 28 | ja: |- 29 | マウスオーバーで表示されるコンテンツは、マウス・ポインターをそのコンテンツ上に移動しても、コンテンツが消えない。 30 | en: |- 31 | The content displayed on mouseover does not disappear when the mouse pointer is moved over it. 32 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0171.yaml: -------------------------------------------------------------------------------- 1 | id: '0171' 2 | sortKey: 501700 3 | severity: critical 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | Tab/Shift+Tabキーによるフォーカス移動時の挙動は以下のすべてを満たしている： 10 | 11 | * フォーカス・インジケーターまたはそれを代替する表示がある 12 | * 自動的に次のような挙動が発生しない： 13 | 14 | - フォームの送信 15 | - レイアウトの変更 16 | - ページの遷移 17 | - モーダル・ダイアログの表示 18 | - 表示内容の大幅な変更 19 | en: |- 20 | Behavior when moving focus using tab/shift+tab keys fulfills all of the following 21 | 22 | * Focus indicator or alternative display is present 23 | * The following behaviors do not occur automatically: 24 | 25 | - Form Submission 26 | - Layout Changes 27 | - Page Transitions 28 | - Display of modal dialogs 29 | - Significant changes in displayed content 30 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0231.yaml: -------------------------------------------------------------------------------- 1 | id: '0231' 2 | sortKey: 502100 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | クリックやマウスオーバーなどのマウス操作を受け付けるものは、キーボードのみでも操作できる。 10 | en: |- 11 | Anything that accepts mouse operation, such as clicks and hover, can also be operated using only the keyboard. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0321.yaml: -------------------------------------------------------------------------------- 1 | id: '0321' 2 | sortKey: 500900 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ブラウザーのズーム機能で200パーセントまで拡大しても、コンテンツの理解を妨げるようなレイアウト崩れが起こらない。 10 | en: |- 11 | Magnifying text up to 200 percent using the zoom function of the browser does not cause layout collapses that interfere with understanding of the text. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0322.yaml: -------------------------------------------------------------------------------- 1 | id: '0322' 2 | sortKey: 501000 3 | severity: minor 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | 1280x1024のサイズのウィンドウにおいて、ブラウザーのズーム機能を用いて400パーセントの拡大表示をしたときに適切にリフローされ 10 | 11 | * 横書きのコンテンツでは横スクロールが、縦書きのコンテンツでは縦スクロールが発生しない、かつ 12 | * 読み取れない内容や利用できない機能がない 13 | en: |- 14 | Magnifying content to 400 percent using the zoom function of the browser on a 1280x1024 window reflows the content properly and 15 | 16 | * no horizontal scrolling is necessary on left-to-right content, and no vertical scrolling is necessary on top-to-bottom content, and 17 | * there is no unreadable content or unusable functionality 18 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0323.yaml: -------------------------------------------------------------------------------- 1 | id: '0323' 2 | sortKey: 501100 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ブラウザーの文字サイズの設定を200パーセントにしても、コンテンツの理解を妨げるようなレイアウト崩れが起こらない。 10 | en: |- 11 | Setting font size to 200 percent in browser's font size settings does not cause layout collapses that interfere with understanding of the text. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0324.yaml: -------------------------------------------------------------------------------- 1 | id: '0324' 2 | sortKey: 501200 3 | severity: minor 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | ブラウザーの文字サイズ設定を200パーセントにしたとき、実際にテキストが200パーセントに拡大され、コンテンツの理解を妨げるようなレイアウト崩れが起こらない。 10 | en: |- 11 | Setting font size to 200 percent in browser's font size settings does not cause layout collapses that interfere with understanding of the text, and actually magnifies the text to 200 percent. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0325.yaml: -------------------------------------------------------------------------------- 1 | id: '0325' 2 | sortKey: 601600 3 | severity: minor 4 | target: product 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | 文字の拡大表示に対応している場合は、最大の文字サイズでの表示をしたときに、利用を困難にするような表示崩れが発生しない。 10 | en: |- 11 | When supporting text magnification, displaying at the maximum text size does not result in display issues that make it difficult to use. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0326.yaml: -------------------------------------------------------------------------------- 1 | id: '0326' 2 | sortKey: 601700 3 | severity: normal 4 | target: product 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | OSの設定で最大の文字サイズを指定しても、コンテンツの理解や利用を妨げるようなレイアウト崩れが起こらない。 10 | en: |- 11 | When the maximum text size is specified in the OS settings, layout issues that interfere with understanding and use of content do not occur. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0592.yaml: -------------------------------------------------------------------------------- 1 | id: '0592' 2 | sortKey: 502700 3 | severity: critical 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 複数の状態を持つコンポーネントは、スクリーン・リーダー利用時にもその状態が分かるようになっている。（例：タブUIの現在選択されているタブ、状態に応じて変化するアイコンなど） 11 | en: |- 12 | The state of components with multiple states can be determined by the screen reader. (e.g., the currently selected tab in the tabbed UI, icons that change according to state, etc.) 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0651.yaml: -------------------------------------------------------------------------------- 1 | id: '0651' 2 | sortKey: 603200 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | そのページ/画面の目的を示し、かつ他のページ/画面とは異なるタイトルが付けられている。 10 | 11 | - ブラウザーのタイトルバー/タブバーに表示されている。 12 | en: |- 13 | The page/screen has a title that indicates its purpose and is different from other pages/screens. 14 | 15 | * It is displayed in the title bar/tab bar of the browser. 16 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0771.yaml: -------------------------------------------------------------------------------- 1 | id: '0771' 2 | sortKey: 501300 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 画面方向を検知できる端末において、端末の方向を変えると適切に画面が回転する。 11 | en: |- 12 | On devices that can detect screen orientation, the screen will rotate appropriately when the device orientation is changed. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0862.yaml: -------------------------------------------------------------------------------- 1 | id: '0862' 2 | sortKey: 603900 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | グローバル・ナビゲーションやパンくずリスト内でそのページの位置が分かるような表示がされている。 11 | en: |- 12 | There is a visual indication of the location of current page within the global navigation and the breadcrumb list. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/0891.yaml: -------------------------------------------------------------------------------- 1 | id: '0891' 2 | sortKey: 604000 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | line-heightを1.5em以上、段落に続く空白を2em以上、letter-spacingを0.12em以上に変更するユーザーCSSを適用しても、表示順序が変わる、文章を読めなくなるなど、コンテンツおよび機能に損失が生じない。 10 | en: |- 11 | Applying user CSS that changes line-height to 1.5em or more, spacing following paragraphs to 2em or more, and letter-spacing to 0.12em or more does not cause loss of content or functionality, such as changing the display order or making the content unreadable. 12 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1131.yaml: -------------------------------------------------------------------------------- 1 | id: '1131' 2 | sortKey: 503000 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | フォーム入力に関するエラー・メッセージには、エラーの修正方法が示されている。 11 | en: |- 12 | Error messages related to form entry indicate how to correct the error. 13 | conditions: 14 | - platform: web 15 | type: or 16 | conditions: 17 | - type: simple 18 | tool: misc 19 | id: "1131-content-00" 20 | procedure: 21 | ja: |- 22 | チェック対象の画面には、入力フォームがない。 23 | en: |- 24 | There are no input forms on the screen to be checked. 25 | - type: simple 26 | tool: misc 27 | id: "1131-content-01" 28 | procedure: 29 | ja: |- 30 | エラーが発生するフォーム入力を行うと、エラーの修正方法が分かるテキスト情報が表示される。 31 | en: |- 32 | When performing form input that causes an error, text information is displayed that indicates how to correct the error. 33 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1221.yaml: -------------------------------------------------------------------------------- 1 | id: '1221' 2 | sortKey: 605000 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 点滅、自動スクロールを伴うコンテンツがない。 11 | en: |- 12 | There is no content that blinks or scrolls automatically. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1281.yaml: -------------------------------------------------------------------------------- 1 | id: '1281' 2 | sortKey: 605200 3 | severity: critical 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 1秒間に3回以上光るコンテンツがない。 11 | en: |- 12 | No content flashes more than three times per second. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1311.yaml: -------------------------------------------------------------------------------- 1 | id: '1311' 2 | sortKey: 605300 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | ユーザーの入力操作や情報の閲覧を妨げるようなタイミングで表示される、画面の内容を大きく変更するような通知がない。 11 | en: |- 12 | There are no notifications, which cause significant change of the screen content, that appear at times that interfere with the user's input operations or viewing of information. 13 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1312.yaml: -------------------------------------------------------------------------------- 1 | id: '1312' 2 | sortKey: 502000 3 | severity: major 4 | target: product 5 | platform: 6 | - web 7 | check: 8 | ja: |- 9 | モーダル・ダイアログが表示される場合： 10 | 11 | * ユーザーの入力操作や情報の閲覧を妨げるようなタイミングで自動表示されない 12 | * キーボード操作でモーダル・ダイアログを開きTabキーを押下すると、フォーカスがモーダル・ダイアログ内に移動し、モーダル・ダイアログが閉じた際にはフォーカスが元の位置に戻る 13 | * モーダル・ダイアログ内でTabまたはShift+Tabキーを押してフォーカスを移動した際、フォーカスがモーダル・ダイアログの外に移動しない 14 | en: |- 15 | Modal dialogs meet the following: 16 | 17 | * Does not appear automatically at a time that interferes with the user's input operations or viewing of information 18 | * Opening a modal dialog with a keyboard operation and pressing the Tab key moves the focus into the modal dialog, and the focus returns to its original position when the modal dialog is closed 19 | * Focus does not move outside of a modal dialog when the focus is moved by pressing Tab or Shift+Tab within the modal dialog. 20 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1313.yaml: -------------------------------------------------------------------------------- 1 | id: '1313' 2 | sortKey: 605500 3 | severity: major 4 | target: product 5 | platform: 6 | - mobile 7 | check: 8 | ja: |- 9 | モーダル・ダイアログが表示される場合： 10 | 11 | * ユーザーの入力操作や情報の閲覧を妨げるようなタイミングで自動表示されない 12 | * モーダル・ダイアログ外に表示されているものに対して、スクリーン・リーダーのフォーカスの移動、その内容の読み上げ、ボタンなどのコントロールに対する操作ができないようになっている 13 | en: |- 14 | When a modal dialog is displayed: 15 | 16 | * It does not automatically appear at times that would interfere with the user's input operations or information browsing. 17 | * Movement of screen reader focus to, reading of content outside the modal dialog, and interaction with controls such as buttons outside the modal dialog are prevented. 18 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1531.yaml: -------------------------------------------------------------------------------- 1 | id: '1531' 2 | sortKey: 606000 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声を含むコンテンツには、同期したキャプションが提供されている。 11 | en: |- 12 | Synchronized captions are provided for content that includes audio. 13 | conditions: 14 | - platform: web 15 | type: or 16 | conditions: 17 | - type: simple 18 | id: 1531-content-00 19 | tool: misc 20 | procedure: 21 | ja: |- 22 | チェック対象の画面に、音声を含むコンテンツが存在しない。 23 | en: |- 24 | There is no content that includes audio on the target screen. 25 | - type: simple 26 | id: 1531-content-01 27 | tool: misc 28 | procedure: 29 | ja: |- 30 | 音声を含むコンテンツには、同期したキャプションが提供されている。 31 | en: |- 32 | Synchronized captions are provided for content that includes audio. 33 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1621.yaml: -------------------------------------------------------------------------------- 1 | id: '1621' 2 | sortKey: 606400 3 | severity: minor 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声を含む情報には同期した手話通訳が提供されている。 11 | en: |- 12 | Sign language interpretation synchronized with the audio information is provided. 13 | conditions: 14 | - platform: web 15 | type: or 16 | conditions: 17 | - type: simple 18 | id: 1621-content-00 19 | tool: misc 20 | procedure: 21 | ja: |- 22 | チェック対象の画面に、音声を含むコンテンツが存在しない。 23 | en: |- 24 | There is no content with audio on the target screen. 25 | - type: simple 26 | id: 1621-content-01 27 | tool: misc 28 | procedure: 29 | ja: |- 30 | 音声を含むコンテンツには、同期した手話通訳が提供されている。 31 | en: |- 32 | Content with audio includes synchronized sign language interpretation. 33 | -------------------------------------------------------------------------------- /data/yaml/checks/product/1651.yaml: -------------------------------------------------------------------------------- 1 | id: '1651' 2 | sortKey: 606500 3 | severity: normal 4 | target: product 5 | platform: 6 | - web 7 | - mobile 8 | check: 9 | ja: |- 10 | 音声を含むコンテンツにおいて、背景音は適切な音量になっている。 11 | en: |- 12 | In content with audio, the background sound is at an appropriate volume. 13 | conditions: 14 | - platform: web 15 | type: or 16 | conditions: 17 | - type: simple 18 | id: 1651-content-00 19 | tool: misc 20 | procedure: 21 | ja: |- 22 | チェック対象の画面に、音声コンテンツが存在しない。 23 | en: |- 24 | There is no audio content on the target screen. 25 | - type: simple 26 | id: 1651-content-01 27 | tool: misc 28 | procedure: 29 | ja: |- 30 | 音声コンテンツは、充分に聴き取りやすい。 31 | en: |- 32 | The audio content is sufficiently audible. 33 | -------------------------------------------------------------------------------- /data/yaml/gl/dynamic_content/focus.yaml: -------------------------------------------------------------------------------- 1 | id: gl-dynamic-content-focus 2 | sortKey: 2006 3 | category: dynamic_content 4 | title: 5 | ja: OnFocus/OffFocus時の挙動 6 | en: OnFocus/OffFocus Behavior 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | OnFocus, OffFocusが以下のような変化を発生させないようにする。 13 | 14 | - ページ遷移 15 | - フォーム送信 16 | - モーダル・ダイアログの表示 17 | en: |- 18 | OnFocus and OffFocus events should not cause changes like the following: 19 | 20 | - Page transition 21 | - Form submission 22 | - Display of modal dialog 23 | sc: 24 | - 3.2.1 25 | intent: 26 | ja: |- 27 | 視覚障害、認知障害があるユーザーにとって予期できない挙動を発生させない。 28 | en: |- 29 | Do not cause unexpected behavior for users with visual or cognitive impairments. 30 | checks: 31 | - '0152' 32 | - '0171' 33 | info: 34 | - exp-tab-order-check 35 | -------------------------------------------------------------------------------- /data/yaml/gl/dynamic_content/no-flashing.yaml: -------------------------------------------------------------------------------- 1 | id: gl-dynamic-content-no-flashing 2 | sortKey: 2036 3 | category: dynamic_content 4 | title: 5 | ja: 閃光を放つコンテンツ 6 | en: Content That Flashes 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | どの1秒間においても3回を超える閃光を放つものがないようにする。 13 | en: |- 14 | Ensure that there are no elements emitting flashes more than three times in any one-second period. 15 | sc: 16 | - 2.3.1 17 | - 2.3.2 18 | intent: 19 | ja: |- 20 | 光感受性の発作を防ぐ。 21 | en: |- 22 | Prevent photosensitive seizures. 23 | checks: 24 | - '1261' 25 | - '1281' 26 | info: 27 | - exp-dynamic-content-auto-updated 28 | -------------------------------------------------------------------------------- /data/yaml/gl/dynamic_content/no-interrupt.yaml: -------------------------------------------------------------------------------- 1 | id: gl-dynamic-content-no-interrupt 2 | sortKey: 2041 3 | category: dynamic_content 4 | title: 5 | ja: 割り込み表示 6 | en: Interrupting Content 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 緊急性が高い情報を提示する場合を除いて、プッシュ通知や自動更新などによる割り込みを発生させない。 13 | en: |- 14 | Except when presenting highly urgent information, avoid causing interruptions through push notifications or automatic updates. 15 | sc: 16 | - 2.2.4 17 | intent: 18 | ja: |- 19 | ロービジョン者や認知障害者が、集中を阻害されないようにする。 20 | en: |- 21 | Ensure that people with low vision or cognitive impairments are not distracted. 22 | checks: 23 | - '1291' 24 | - '1292' 25 | - '1311' 26 | - '1312' 27 | - '1313' 28 | info: 29 | - exp-dynamic-content-auto-updated 30 | -------------------------------------------------------------------------------- /data/yaml/gl/dynamic_content/pause-movement.yaml: -------------------------------------------------------------------------------- 1 | id: gl-dynamic-content-pause-movement 2 | sortKey: 2026 3 | category: dynamic_content 4 | title: 5 | ja: 点滅、自動スクロールを伴うコンテンツ 6 | en: Content That Blinks or Scrolls Automatically 7 | platform: 8 | - web 9 | - mobile 10 | sc: 11 | - 2.2.2 12 | guideline: 13 | ja: |- 14 | 同じページ上に、自動的に開始し5秒以上継続する、点滅や自動スクロールを伴うコンテンツと、他のコンテンツを一緒に配置しない。 15 | そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、または非表示にすることができるようにする。 16 | en: |- 17 | Do not place content that blinks for more than five seconds or scrolls automatically on the same page as other content. 18 | If you create such content, ensure that users can pause, stop, or hide it. 19 | intent: 20 | ja: |- 21 | ロービジョン者や認知障害者が、集中を阻害されないようにする。 22 | en: |- 23 | Ensure that people with low vision or cognitive impairments are not distracted. 24 | checks: 25 | - '1201' 26 | - '1221' 27 | info: 28 | - exp-dynamic-content-auto-updated 29 | -------------------------------------------------------------------------------- /data/yaml/gl/dynamic_content/pause-refresh.yaml: -------------------------------------------------------------------------------- 1 | id: gl-dynamic-content-pause-refresh 2 | sortKey: 2031 3 | category: dynamic_content 4 | title: 5 | ja: 自動更新されるコンテンツ 6 | en: Content That Updates Automatically 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 予め設定された間隔で自動的に内容が更新されたり非表示になったりするコンテンツを作らない。 13 | そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、非表示にすることができるか、更新頻度を調整できるようにする。 14 | en: |- 15 | Do not create content that is automatically updated or hidden at preset intervals. 16 | If you create such content, ensure that users can pause, stop, or hide it, or adjust the update frequency. 17 | sc: 18 | - 2.2.2 19 | intent: 20 | ja: |- 21 | ロービジョン者や認知障害者が、集中を阻害されないようにする。 22 | en: |- 23 | Ensure that people with low vision or cognitive impairments are not distracted. 24 | checks: 25 | - '1231' 26 | - '1251' 27 | info: 28 | - exp-dynamic-content-auto-updated 29 | -------------------------------------------------------------------------------- /data/yaml/gl/form/color-only.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-color-only 2 | sortKey: 1911 3 | category: form 4 | title: 5 | ja: 複数の視覚的要素を用いた表現 6 | en: Expression Using Multiple Visual Elements 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 必須項目やエラー表示に際して、色に加えて他の視覚的要素も用いる。 13 | en: |- 14 | When indicating required fields or displaying errors, use visual elements in addition to color. 15 | sc: 16 | - 1.3.3 17 | - 1.4.1 18 | intent: 19 | ja: |- 20 | 視覚障害者や色弱者が、コンテンツを利用できるようにする。 21 | en: |- 22 | Ensure that people with visual impairments or color vision deficiencies can use the content. 23 | checks: 24 | - '0031' 25 | - '0051' 26 | info: 27 | - exp-color-only 28 | - exp-grayscale 29 | -------------------------------------------------------------------------------- /data/yaml/gl/form/continue.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-continue 2 | sortKey: 1926 3 | category: form 4 | title: 5 | ja: 制限時間超過後の操作の継続 6 | en: Continuing Operation After Exceeding Time Limit 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 制限時間を超過した場合も、データを失うことなくユーザーが操作を継続できるようにする。 13 | en: |- 14 | Ensure that users can continue their operation without losing data even after exceeding the time limit. 15 | sc: 16 | - 2.2.5 17 | intent: 18 | ja: |- 19 | コンテンツの読み取りや理解に時間がかかる場合や、入力操作などに時間がかかる場合にも問題なくフォームを利用できるようにする。 20 | en: |- 21 | Ensure that forms can be used without issue even when it takes time to read or understand the content, or when input operations take time. 22 | checks: 23 | - '1021' 24 | info: 25 | - exp-timing 26 | -------------------------------------------------------------------------------- /data/yaml/gl/form/dynamic-content-focus.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-dynamic-content-focus 2 | sortKey: 1936 3 | category: form 4 | title: 5 | ja: フォーカス時の挙動 6 | en: Behavior When Focused 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | フォーカスを受け取ったときに、コンテンツの意味を変える、またはページ全体に及ぶような動的な変化を引き起こすフォーム・コントロールやコンポーネントを用いない。 13 | en: |- 14 | Do not use form controls or components that, upon receiving focus, change the meaning of the content or cause dynamic changes affecting the entire page. 15 | sc: 16 | - 3.2.1 17 | intent: 18 | ja: |- 19 | 視覚障害、認知障害があるユーザーが予期できない挙動を発生させない。 20 | en: |- 21 | Do not cause behaviors that are unexpected for users with visual or cognitive impairments. 22 | checks: 23 | - '0152' 24 | - '0171' 25 | info: 26 | - exp-form-dynamic-content 27 | - exp-tab-order-check 28 | -------------------------------------------------------------------------------- /data/yaml/gl/form/errors-cancel.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-errors-cancel 2 | sortKey: 1956 3 | category: form 4 | title: 5 | ja: 誤操作の防止 6 | en: Prevention of Misoperation 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 法的行為、経済的取引、データの変更や削除を生じる機能については、取り消し、送信前の確認・修正、または送信時のエラー・チェックと修正を可能にする。 13 | en: |- 14 | For functions involving legal commitments, financial transactions, or the alteration or deletion of data, enable cancellation, pre-submission confirmation and modification, or error checking and correction at the time of submission. 15 | sc: 16 | - 3.3.4 17 | intent: 18 | ja: |- 19 | 誤操作による影響を少なくする。 20 | en: |- 21 | Minimize the impact of misoperation. 22 | checks: 23 | - '1141' 24 | info: 25 | - exp-form-errors 26 | -------------------------------------------------------------------------------- /data/yaml/gl/form/errors-correction.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-errors-correction 2 | sortKey: 1951 3 | category: form 4 | title: 5 | ja: エラーの修正方法の提示 6 | en: Suggestion for How to Correct Errors 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 入力エラーがある場合に、修正方法を示す。 13 | en: |- 14 | When there are input errors, indicate methods for correction. 15 | sc: 16 | - 3.3.3 17 | intent: 18 | ja: |- 19 | フォーム入力における認知障害者、学習障害者の困難を軽減する。 20 | en: |- 21 | Mitigate the difficulties faced by individuals with cognitive and learning disabilities in form input. 22 | checks: 23 | - '1111' 24 | - '1131' 25 | info: 26 | - exp-form-errors 27 | -------------------------------------------------------------------------------- /data/yaml/gl/form/errors-identify.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-errors-identify 2 | sortKey: 1946 3 | category: form 4 | title: 5 | ja: テキスト情報によるエラーの特定 6 | en: Identify Errors by Text Information 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 入力エラーがある場合、エラー箇所とエラー内容をテキストで知らせる。 13 | en: |- 14 | When there are input errors, notify the user of the error location and error content by text. 15 | sc: 16 | - 3.3.1 17 | intent: 18 | ja: |- 19 | 視覚障害者、色弱者が、エラー箇所を特定できるようにする。 20 | en: |- 21 | Enable individuals with visual impairments or color vision deficiencies to identify error locations. 22 | checks: 23 | - '1081' 24 | - '1101' 25 | info: 26 | - exp-form-errors 27 | -------------------------------------------------------------------------------- /data/yaml/gl/form/hidden-label.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-hidden-label 2 | sortKey: 1906 3 | category: form 4 | title: 5 | ja: 表示されているテキストをラベルにできない場合 6 | en: When Displayed Text Cannot Be Used as a Label 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | フォーム・コントロールに対して、表示されているテキストを用いたラベル付けができない場合は、非表示のテキストを用いてラベルを付ける。 13 | en: |- 14 | If the displayed text cannot be used as a label for a form control, use hidden text to label it. 15 | sc: 16 | - 1.1.1 17 | - 1.3.1 18 | - 2.4.6 19 | - 3.3.2 20 | intent: 21 | ja: |- 22 | 視覚障害者が、フォーム・コントロールの目的を容易に判断することができるようにする。 23 | en: |- 24 | Enable individuals with visual impairments to easily determine the purpose of form controls. 25 | checks: 26 | - '0931' 27 | - '0941' 28 | - '0951' 29 | info: 30 | - exp-form-labeling 31 | -------------------------------------------------------------------------------- /data/yaml/gl/form/keyboard-operable.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-keyboard-operable 2 | sortKey: 1929 3 | category: form 4 | title: 5 | ja: キーボード操作を可能にする 6 | en: Enable Keyboard Operation 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | すべてのフォーム・コントロールについて、キーボードによる操作を可能にする。 12 | en: |- 13 | Enable keyboard operation for all form controls. 14 | sc: 15 | - 2.1.1 16 | - 2.1.3 17 | - 2.5.1 18 | intent: 19 | ja: |- 20 | マウスを使わない/使えない視覚障害者、肢体不自由者が、フォームの操作をできるようにする。 21 | en: |- 22 | Enable individuals with visual impairments or motor disabilities who do not use or cannot use a mouse to operate forms. 23 | checks: 24 | - '0172' 25 | - '0581' 26 | - '0586' 27 | - '0956' 28 | - '0957' 29 | info: 30 | - exp-tab-order-check 31 | -------------------------------------------------------------------------------- /data/yaml/gl/form/label.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-label 2 | sortKey: 1901 3 | category: form 4 | title: 5 | ja: 表示されているテキストをラベルとして用いる 6 | en: Use Displayed Text as Label 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | フォーム・コントロールには、表示されているテキストをラベルとして明示的に関連付ける。 13 | en: |- 14 | Explicitly associate displayed text with form controls as labels. 15 | sc: 16 | - 1.1.1 17 | - 1.3.1 18 | - 2.4.6 19 | - 2.5.3 20 | - 3.3.2 21 | intent: 22 | ja: |- 23 | 視覚障害者が、フォーム・コントロールの目的を容易に判断することができるようにする。 24 | en: |- 25 | Enable individuals with visual impairments to easily determine the purpose of form controls. 26 | checks: 27 | - '0931' 28 | - '0941' 29 | - '0951' 30 | info: 31 | - exp-form-labeling 32 | -------------------------------------------------------------------------------- /data/yaml/gl/form/tab-order.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-tab-order 2 | sortKey: 1931 3 | category: form 4 | title: 5 | ja: 適切なフォーカス順序 6 | en: Appropriate Focus Order 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | Tab/Shift+Tabキーでフォーカスを移動させたとき、コンテンツの意味に合った適切な順序でフォーカスを移動させる。 12 | en: |- 13 | When the focus is moved using the Tab/Shift+Tab keys, move the focus in an appropriate order that matches the meaning of the content. 14 | sc: 15 | - 2.4.3 16 | intent: 17 | ja: |- 18 | スクリーン・リーダーなどの支援技術がコンテンツを正しく認識し、ユーザーに適切な形で提示できるようにする。 19 | en: |- 20 | Enable assistive technologies such as screen readers to correctly recognize content and present it to users in an appropriate manner. 21 | checks: 22 | - '0172' 23 | info: 24 | - exp-tab-order-check 25 | -------------------------------------------------------------------------------- /data/yaml/gl/form/target-size-mobile.yaml: -------------------------------------------------------------------------------- 1 | id: gl-form-target-size-mobile 2 | sortKey: 1966 3 | category: form 4 | title: 5 | ja: 十分な大きさのクリック/タッチのターゲット（モバイル） 6 | en: Sufficiently Large Click/Touch Targets (Mobile) 7 | platform: 8 | - mobile 9 | guideline: 10 | ja: |- 11 | 操作を受け付けるもののタッチのターゲット・サイズは充分に大きいものにする。 12 | 13 | * 44 x 44 CSS px以上、または 14 | * OSのインターフェイス・ガイドラインを満たすサイズ 15 | en: |- 16 | Ensure that the touch targets for interactive elements are sufficiently large. 17 | 18 | * 44 x 44 CSS px or larger, or 19 | * A size that meets the interface guidelines of the operating system. 20 | sc: 21 | - 2.5.5 22 | intent: 23 | ja: |- 24 | ロービジョン者、細かい手の動きが難しい肢体不自由者の、誤ったクリック/タッチ操作を防ぐ。 25 | en: |- 26 | Prevent people with low vision and people with disabilities who have difficulty with fine motor control from making erroneous clicks/touches. 27 | checks: 28 | - '0334' 29 | info: 30 | - exp-target-size 31 | -------------------------------------------------------------------------------- /data/yaml/gl/icon/color-only.yaml: -------------------------------------------------------------------------------- 1 | id: gl-icon-color-only 2 | sortKey: 1706 3 | category: icon 4 | title: 5 | ja: 複数の視覚的要素を用いた表現 6 | en: Expression Using Multiple Visual Elements 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | アイコンに付与されているラベルが非表示のテキストの場合は、形状、サイズが同じで色だけが違う複数のアイコンを用いない。 13 | en: |- 14 | If labels attached to icons are non-visible text, do not use multiple icons that are identical in shape and size but differ only in color. 15 | sc: 16 | - 1.4.1 17 | intent: 18 | ja: |- 19 | 視覚障害者や色弱者が、コンテンツを利用できるようにする。 20 | en: |- 21 | Enable individuals with visual impairments or color vision deficiencies to use content. 22 | checks: 23 | - '0391' 24 | - '0412' 25 | -------------------------------------------------------------------------------- /data/yaml/gl/icon/consistent.yaml: -------------------------------------------------------------------------------- 1 | id: gl-icon-consistent 2 | sortKey: 1711 3 | category: icon 4 | title: 5 | ja: アイコンの一貫性 6 | en: Consistency of Icons 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 同じ目的で用いられるアイコンには、サイト内で一貫性のある画像とテキストを用いる。 13 | en: |- 14 | Use consistent images and text throughout the site for icons that serve the same purpose. 15 | sc: 16 | - 3.2.4 17 | intent: 18 | ja: |- 19 | 予測可能性を上げ、混乱を防ぐ。 20 | en: |- 21 | Increase predictability and prevent confusion. 22 | checks: 23 | - '0242' 24 | - '0262' 25 | -------------------------------------------------------------------------------- /data/yaml/gl/icon/contrast.yaml: -------------------------------------------------------------------------------- 1 | id: gl-icon-contrast 2 | sortKey: 1716 3 | category: icon 4 | title: 5 | ja: コントラスト比の確保 6 | en: Ensure Sufficient Contrast Ratio 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 背景色とのコントラスト比を3:1以上にする。 13 | en: |- 14 | Ensure a contrast ratio of at least 3:1 with the background color. 15 | sc: 16 | - 1.4.11 17 | intent: 18 | ja: |- 19 | ロービジョン者が、コンテンツを利用できるようにする。 20 | en: |- 21 | Enable individuals with low vision to use content. 22 | checks: 23 | - '0001' 24 | info: 25 | - exp-contrast 26 | - exp-check-contrast 27 | - '|Vibes Color Contrast|' 28 | 29 | -------------------------------------------------------------------------------- /data/yaml/gl/icon/visible-label.yaml: -------------------------------------------------------------------------------- 1 | id: gl-icon-visible-label 2 | sortKey: 1701 3 | category: icon 4 | title: 5 | ja: テキスト情報の付与 6 | en: Provide Text Information 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | アイコンにはテキストのラベルを併せて表示し、それが難しい場合はアイコンの目的（表している状態、操作の結果）が分かるような代替テキストを付与する。 13 | en: |- 14 | Display text labels together with icons, and if that is not possible, provide alternative text that indicates the purpose of the icon (the state it represents or the expected result of the operation). 15 | sc: 16 | - 1.1.1 17 | intent: 18 | ja: |- 19 | 視覚障害者が画像の存在を認知し、内容を理解できるようにする。 20 | en: |- 21 | Enable individuals with visual impairments to perceive the presence of images and understand their content. 22 | checks: 23 | - '0391' 24 | - '0401' 25 | - '0402' 26 | - '0411' 27 | - '0413' 28 | -------------------------------------------------------------------------------- /data/yaml/gl/image/adjacent-contrast.yaml: -------------------------------------------------------------------------------- 1 | id: gl-image-adjacent-contrast 2 | sortKey: 1616 3 | category: image 4 | title: 5 | ja: 隣接領域とのコントラスト比の確保 6 | en: Ensure Sufficient Contrast Ratio With Adjacent Regions 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 画像の隣接領域の色とのコントラスト比を3:1以上にする。 13 | en: |- 14 | Ensure that the contrast ratio between the image and the adjacent color areas is at least 3:1. 15 | sc: 16 | - 1.4.11 17 | intent: 18 | ja: |- 19 | ロービジョン者が、コンテンツを利用できるようにする。 20 | en: |- 21 | Enable individuals with low vision to use content. 22 | checks: 23 | - '0001' 24 | info: 25 | - exp-image-visual 26 | - exp-contrast 27 | - exp-check-contrast 28 | - '|Vibes Color Contrast|' 29 | -------------------------------------------------------------------------------- /data/yaml/gl/image/color-only.yaml: -------------------------------------------------------------------------------- 1 | id: gl-image-color-only 2 | sortKey: 1611 3 | category: image 4 | title: 5 | ja: 複数の視覚的要素を用いた表現 6 | en: Expression Using Multiple Visual Elements 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 特定の色に何らかの意味を持たせている場合、形状、模様など他の視覚的な要素も併せて用い、色が判別できなくてもその意味を理解できるようにする。 13 | en: |- 14 | When associating specific meanings with certain colors, also use other visual elements such as shapes or patterns to ensure that the meaning is understandable even if the color cannot be discerned. 15 | sc: 16 | - 1.4.1 17 | intent: 18 | ja: |- 19 | 視覚障害者や色弱者が、コンテンツを利用できるようにする。 20 | en: |- 21 | Enable individuals with visual impairments or color vision deficiencies to use content. 22 | checks: 23 | - '0031' 24 | - '0051' 25 | info: 26 | - exp-image-visual 27 | - exp-color-only 28 | - exp-grayscale 29 | -------------------------------------------------------------------------------- /data/yaml/gl/image/decorative.yaml: -------------------------------------------------------------------------------- 1 | id: gl-image-decorative 2 | sortKey: 1606 3 | category: image 4 | title: 5 | ja: 装飾目的の画像の無視 6 | en: Ignore Decorative Images 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 純粋な装飾目的の画像は、スクリーン・リーダーなどの支援技術が無視するようにする。 13 | en: |- 14 | Ensure that images used purely for decorative purposes are ignored by assistive technologies like screen readers. 15 | intent: 16 | ja: |- 17 | 不要な情報が提示されないようにすることで、視覚障害者の情報取得をスムースにする。 18 | en: |- 19 | Ensure that unnecessary information is not presented, to facilitate smooth information acquisition for visually impaired individuals. 20 | checks: 21 | - '0451' 22 | - '0461' 23 | - '0471' 24 | sc: 25 | - 1.1.1 26 | info: 27 | - exp-image-text-alternative 28 | -------------------------------------------------------------------------------- /data/yaml/gl/image/description.yaml: -------------------------------------------------------------------------------- 1 | id: gl-image-description 2 | sortKey: 1601 3 | category: image 4 | title: 5 | ja: 画像の説明の提供 6 | en: Provide Image Descriptions 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 画像に関する過不足のない説明をテキストで提供する。 13 | en: |- 14 | Provide a text description for images that conveys equivalent information. 15 | intent: 16 | ja: |- 17 | 視覚障害者が画像の存在を認知し、内容を理解できるようにする。 18 | en: |- 19 | Ensure that users with visual impairments can perceive the presence of images and understand their content. 20 | checks: 21 | - '0421' 22 | - '0431' 23 | - '0441' 24 | sc: 25 | - 1.1.1 26 | info: 27 | - exp-image-text-alternative 28 | -------------------------------------------------------------------------------- /data/yaml/gl/images_of_text/avoid-usage.yaml: -------------------------------------------------------------------------------- 1 | id: gl-iot-avoid-usage 2 | sortKey: 1501 3 | category: images_of_text 4 | title: 5 | ja: 画像化されたテキストを使用しない 6 | en: Avoid the Use of Images of Text 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 画像化されたテキストを用いないと実現できない表現が不可欠な場合（例： ロゴ）を除いて、文字情報は画像化せず、テキスト・データで提供する。 13 | en: |- 14 | Unless the use of images of text is essential for the expression (e.g. logos), provide character information as text data instead of images of text. 15 | sc: 16 | - 1.4.5 17 | - 1.4.9 18 | intent: 19 | ja: |- 20 | - スクリーン・リーダーのユーザーがアクセスできる形で情報を提示する。 21 | - テキスト情報の扱いやすさを損ねない。 22 | en: |- 23 | - Present information in a form that can be accessed by screen reader users. 24 | - Do not compromise the ease of handling text information. 25 | checks: 26 | - '0481' 27 | - '0531' 28 | info: 29 | - exp-iot-usage 30 | -------------------------------------------------------------------------------- /data/yaml/gl/images_of_text/provide-text.yaml: -------------------------------------------------------------------------------- 1 | id: gl-iot-provide-text 2 | sortKey: 1506 3 | category: images_of_text 4 | title: 5 | ja: テキスト情報の提供 6 | en: Provide Text Information 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 画像化されたテキストに含まれる文字情報をテキストでも提供する。 13 | en: |- 14 | Provide character information included in images of text as text. 15 | sc: 16 | - 1.1.1 17 | intent: 18 | ja: |- 19 | スクリーン・リーダーのユーザーが画像化されたテキストにアクセスできるようにする。 20 | en: |- 21 | Ensure that screen reader users can access images of text. 22 | checks: 23 | - '0511' 24 | - '0521' 25 | - '0531' 26 | info: 27 | - exp-iot-usage 28 | - exp-iot-text-alternative 29 | -------------------------------------------------------------------------------- /data/yaml/gl/input_device/focus-indicator.yaml: -------------------------------------------------------------------------------- 1 | id: gl-input-device-focus-indicator 2 | sortKey: 1316 3 | category: input_device 4 | title: 5 | ja: フォーカス箇所の可視化 6 | en: Visualization of Focus Areas 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | キーボードで操作可能な要素について、フォーカス・インジケーターを消さない。 12 | en: |- 13 | Do not remove focus indicators from elements that can be operated by keyboard. 14 | sc: 15 | - 2.4.7 16 | intent: 17 | ja: |- 18 | キーボードのみを使っている場合でも、フォーカスされている箇所が分かるようにし、操作を可能にする。 19 | en: |- 20 | Ensure that the focused area is discernible and operable even when using only a keyboard. 21 | checks: 22 | - '0151' 23 | - '0171' 24 | info: 25 | - exp-tab-order-check 26 | -------------------------------------------------------------------------------- /data/yaml/gl/input_device/keyboard-operable.yaml: -------------------------------------------------------------------------------- 1 | id: gl-input-device-keyboard-operable 2 | sortKey: 1301 3 | category: input_device 4 | title: 5 | ja: キーボード操作を可能にする 6 | en: Enable Keyboard Operation 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | マウスまたはタッチUIを使わないと実行できないような機能を作らず、キーボードによる操作を可能にする。 12 | en: |- 13 | Do not create functions that cannot be executed without using a mouse or touch UI, and ensure that operation by keyboard is also possible. 14 | sc: 15 | - 2.1.1 16 | - 2.1.3 17 | - 2.5.1 18 | intent: 19 | ja: |- 20 | マウスを使わない/使えない視覚障害者、肢体不自由者が、コンテンツを利用できるようにする。 21 | en: |- 22 | Ensure that users with visual impairments or physical disabilities who cannot or do not use a mouse can use content. 23 | checks: 24 | - '0172' 25 | - '0211' 26 | - '0231' 27 | - '0361' 28 | - '0581' 29 | - '0586' 30 | info: 31 | - exp-tab-order-check 32 | -------------------------------------------------------------------------------- /data/yaml/gl/input_device/no-trap.yaml: -------------------------------------------------------------------------------- 1 | id: gl-input-device-no-trap 2 | sortKey: 1321 3 | category: input_device 4 | title: 5 | ja: キーボード・トラップの回避 6 | en: Avoid Keyboard Traps 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | ページ中のあらゆるコンポーネントについて、Tabキー、矢印キー、Escキーの押下など簡単な操作でフォーカスを外すことができるようにする。 12 | en: |- 13 | Ensure that focus can be moved off from every component on a page using simple operations such as pressing the Tab key, arrow keys, and Esc key. 14 | sc: 15 | - 2.1.2 16 | intent: 17 | ja: |- 18 | キーボードのみを利用している場合に、ページ中の特定のコンポーネントがページの他の部分へのアクセスを阻害しないようにする。 19 | en: |- 20 | Ensure that specific components on a page do not prevent access to other parts of the page when using only a keyboard. 21 | checks: 22 | - '0201' 23 | info: 24 | - exp-keyboard-notrap 25 | -------------------------------------------------------------------------------- /data/yaml/gl/link/color-only.yaml: -------------------------------------------------------------------------------- 1 | id: gl-link-color-only 2 | sortKey: 1801 3 | category: link 4 | title: 5 | ja: 複数の視覚的要素を用いた表現 6 | en: Expression Using Multiple Visual Elements 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | クリッカブルであることを、色だけで表現しない。 13 | en: |- 14 | Do not express that something is clickable using color alone. 15 | sc: 16 | - 1.4.1 17 | intent: 18 | ja: |- 19 | 視覚障害者や色弱者がリンクを認知できるようにする。 20 | en: |- 21 | Ensure that users with visual impairments or color vision deficiencies can perceive links. 22 | checks: 23 | - '0031' 24 | - '0051' 25 | info: 26 | - exp-color-only 27 | - exp-grayscale 28 | -------------------------------------------------------------------------------- /data/yaml/gl/link/consistent-text.yaml: -------------------------------------------------------------------------------- 1 | id: gl-link-consistent-text 2 | sortKey: 1811 3 | category: link 4 | title: 5 | ja: 一貫したリンク・テキスト 6 | en: Consistent Link Text 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 同じ機能を実行するリンクには、サイト内で一貫性のあるリンク・テキストを付与する。 13 | en: |- 14 | Provide consistent link text for links that perform the same function within a site. 15 | sc: 16 | - 3.2.4 17 | intent: 18 | ja: |- 19 | 予測可能性を上げ、混乱を防ぐ。 20 | en: |- 21 | Increase predictability and prevent confusion. 22 | checks: 23 | - '0242' 24 | - '0262' 25 | -------------------------------------------------------------------------------- /data/yaml/gl/link/tab-order.yaml: -------------------------------------------------------------------------------- 1 | id: gl-link-tab-order 2 | sortKey: 1816 3 | category: link 4 | title: 5 | ja: 適切なフォーカス順序 6 | en: Appropriate Focus Order 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | Tab/Shift+Tabキーでフォーカスを移動させたとき、コンテンツの意味に合った適切な順序でフォーカスを移動させる。 12 | en: |- 13 | When moving focus using Tab/Shift+Tab keys, ensure that focus moves in an appropriate sequence that aligns with the content's meaning. 14 | sc: 15 | - 2.4.3 16 | intent: 17 | ja: |- 18 | スクリーン・リーダーなどの支援技術がコンテンツを正しく認識し、ユーザーに適切な形で提示できるようにする。 19 | en: |- 20 | Ensure that assistive technologies such as screen readers can correctly recognize content and present it to users appropriately. 21 | checks: 22 | - '0172' 23 | info: 24 | - exp-tab-order-check 25 | -------------------------------------------------------------------------------- /data/yaml/gl/login_session/continue.yaml: -------------------------------------------------------------------------------- 1 | id: gl-login-session-continue 2 | sortKey: 1211 3 | category: login_session 4 | title: 5 | ja: 制限時間超過後の操作の継続 6 | en: Continuing Operation After Exceeding Time Limit 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | ログイン・セッションが切れた場合は、再認証後でもデータを失うことなくユーザーが操作を継続できるようにする。 13 | en: |- 14 | Ensure that users can continue their operation without losing data even after re-authentication when a login session has expired. 15 | sc: 16 | - 2.2.5 17 | intent: 18 | ja: |- 19 | コンテンツの読み取りや理解に時間がかかる場合や、入力操作などに時間がかかる場合にも問題なくサービスを利用できるようにする。 20 | en: |- 21 | Ensure that users can use services without problems even when it takes time to read or understand content or to perform input operations. 22 | checks: 23 | - '1381' 24 | info: 25 | - exp-timing 26 | -------------------------------------------------------------------------------- /data/yaml/gl/markup/valid.yaml: -------------------------------------------------------------------------------- 1 | id: gl-markup-valid 2 | sortKey: 1006 3 | category: markup 4 | title: 5 | ja: 文法的に正しいマークアップ 6 | en: Valid Markup 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | 文法的に正しい、仕様に準拠したマークアップを行う。 12 | en: |- 13 | Use valid markup that conforms to specifications. 14 | sc: 15 | - 4.1.1 16 | intent: 17 | ja: |- 18 | スクリーン・リーダーなどの支援技術が、Webページを正確に解析できるようにする。 19 | 20 | HTML要素の開始タグと終了タグが適切に記述されていること、適切な入れ子構造になっていることで、様々なユーザー・エージェントや支援技術が期待した動作をする。 21 | en: |- 22 | Ensure that user agents and assistive technologies can accurately parse Web pages. 23 | 24 | User agents and assistive technologies behave as expected when HTML elements are properly opened and closed and have appropriate nesting. 25 | checks: 26 | - '0571' 27 | info: 28 | - exp-nu-html-checker 29 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/background-sound.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-background-sound 2 | sortKey: 2151 3 | category: multimedia 4 | title: 5 | ja: 充分に小さい背景音 6 | en: Sufficiently Low Background Sound 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 映像がなく音声のみの収録済みコンテンツの場合で主たる発話音声があるとき、背景音がない、もしくは主たる発話音声に対して背景音の音量が少なくとも20db小さい状態にする。 13 | en: |- 14 | In the case of pre-recorded content that only contains audio and no video, when there is a primary spoken voice, ensure there is no background sound, or that the volume of the background sound is at least 20db lower than the primary spoken voice. 15 | sc: 16 | - 1.4.7 17 | intent: 18 | ja: |- 19 | 音声コンテンツの内容を聞き取りやすいものにする。 20 | en: |- 21 | Make the content of audio easily comprehensible. 22 | checks: 23 | - '1631' 24 | - '1651' 25 | info: 26 | - exp-multimedia-content-access 27 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/no-trap.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-no-trap 2 | sortKey: 2116 3 | category: multimedia 4 | title: 5 | ja: キーボード・トラップの回避 6 | en: Avoid Keyboard Traps 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | 音声/動画のプレイヤーをページに埋め込む場合、そのコンポーネントにフォーカスした状態から、Tabキー、矢印キー、Escキーなどで抜け出すことができるようにする。 12 | en: |- 13 | When embedding an audio/video player in a page, ensure that it is possible to move the focus away from the component by using the Tab key , arrow keys, or Esc key. 14 | sc: 15 | - 2.1.2 16 | intent: 17 | ja: |- 18 | キーボードのみを利用している場合に、ページ中の特定のコンポーネントがページの他の部分へのアクセスを阻害しないようにする。 19 | en: |- 20 | Ensure that specific components on a page do not prevent access to other parts of the page when using only a keyboard. 21 | checks: 22 | - '0201' 23 | info: 24 | - exp-keyboard-notrap 25 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/operable.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-operable 2 | sortKey: 2106 3 | category: multimedia 4 | title: 5 | ja: 音声の自動再生 6 | en: Autoplay of Sound 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 3秒以上の長さの音声を自動再生しない。 13 | en: |- 14 | Do not autoplay audio that is longer than 3 seconds. 15 | sc: 16 | - 1.4.2 17 | intent: 18 | ja: |- 19 | スクリーン・リーダーの音声出力を阻害しない。 20 | en: |- 21 | Do not interfere with the audio output of screen readers. 22 | checks: 23 | - '1421' 24 | - '1441' 25 | info: 26 | - exp-multimedia-autoplay 27 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/pause-movement.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-pause-movement 2 | sortKey: 2111 3 | category: multimedia 4 | title: 5 | ja: 動きを伴うコンテンツ 6 | en: Content that Moves 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 自動的に開始し5秒以上継続する、アニメーションや動画のなどの視覚的な動きを伴うコンテンツを作らない。 13 | そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、または非表示にすることができるようにする。 14 | en: |- 15 | Do not create content that automatically starts and lasts for more than 5 seconds, such as animations and videos that include visual movement. 16 | If you create such content, ensure that users can pause, stop, or hide it. 17 | sc: 18 | - 2.2.2 19 | intent: 20 | ja: |- 21 | ロービジョン者や認知障害者が、集中を阻害されないようにする。 22 | en: |- 23 | Ensure that users with low vision or cognitive disabilities are not distracted. 24 | checks: 25 | - '1451' 26 | - '1471' 27 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/perceivable.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-perceivable 2 | sortKey: 2101 3 | category: multimedia 4 | title: 5 | ja: 音声・映像コンテンツの存在を明示する 6 | en: Explicitly Indicate the Presence of Audio and Video Content 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 音声・映像コンテンツの存在を認知できるようにする。 13 | en: |- 14 | Ensure that users can perceive the presence of audio and video content. 15 | sc: 16 | - 1.1.1 17 | intent: 18 | ja: |- 19 | 視覚障害者、聴覚障害者が音声や映像を含むコンテンツの存在を認知できるようにする。 20 | en: |- 21 | Ensure that users with visual or hearing impairments can perceive the presence of content that includes audio or video. 22 | checks: 23 | - '1411' 24 | info: 25 | - exp-multimedia-perceivable 26 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/sign-language.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-sign-language 2 | sortKey: 2146 3 | category: multimedia 4 | title: 5 | ja: 手話の提供 6 | en: Provide Sign Language 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 収録済みコンテンツの音声情報には、同期した手話通訳を提供する。 13 | en: |- 14 | Provide synchronized sign language interpretation for the audio information in pre-recorded content. 15 | sc: 16 | - 1.2.6 17 | intent: 18 | ja: |- 19 | 手話を主たる言語として使う聴覚障害者が、音声コンテンツまたは動画コンテンツ中の音声を理解できるようにする。 20 | en: |- 21 | Make it possible for individuals with hearing impairments who use sign language as their primary language to understand the audio information in audio and video content. 22 | checks: 23 | - '1601' 24 | - '1621' 25 | info: 26 | - exp-multimedia-content-access 27 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/text-alternative.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-text-alternative 2 | sortKey: 2121 3 | category: multimedia 4 | title: 5 | ja: テキスト情報と同等の内容にする 6 | en: Ensure Content Is Equivalent to Text Information 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | テキスト情報の代替情報として音声・映像コンテンツを用い、そのコンテンツがテキスト情報の代替であることを明示する。 13 | en: |- 14 | Use audio and video content as an alternative to text information, and explicitly indicate that the content is an alternative to text information. 15 | sc: 16 | - 1.2.1 17 | - 1.2.2 18 | - 1.2.3 19 | - 1.2.4 20 | intent: 21 | ja: |- 22 | 音声・映像コンテンツの利用ができないユーザーも支障なくコンテンツを利用できるようにする。 23 | en: |- 24 | Ensure that users who cannot use audio and video content can use the content without any problems. 25 | checks: 26 | - '1481' 27 | - '1501' 28 | info: 29 | - exp-multimedia-content-access 30 | -------------------------------------------------------------------------------- /data/yaml/gl/multimedia/transcript.yaml: -------------------------------------------------------------------------------- 1 | id: gl-multimedia-transcript 2 | sortKey: 2131 3 | category: multimedia 4 | title: 5 | ja: 書き起こしテキストの提供 6 | en: Provide Transcripts 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | テキストの代替情報ではない、映像がなく音声のみの収録済みコンテンツの場合は、書き起こしテキストを提供する。 13 | en: |- 14 | Provide a transcript for pre-recorded audio-only content that is not an alternative to text information. 15 | sc: 16 | - 1.2.1 17 | intent: 18 | ja: |- 19 | 音声コンテンツを理解できなくてもサービスの利用が困難にならないようにする。 20 | 21 | 聴覚障害者が音声のみのコンテンツを理解できるようにする。 22 | en: |- 23 | Ensure that the service remains accessible even for those who cannot understand the audio information. 24 | 25 | Make it possible for individuals with hearing impairments to understand audio-only content. 26 | checks: 27 | - '1571' 28 | - '1591' 29 | info: 30 | - exp-multimedia-content-access 31 | -------------------------------------------------------------------------------- /data/yaml/gl/page/landmark.yaml: -------------------------------------------------------------------------------- 1 | id: gl-page-landmark 2 | sortKey: 1106 3 | category: page 4 | title: 5 | ja: ページを構成する領域の明示 6 | en: Indicate Regions That Compose a Page 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | ページを構成する領域を示すマークアップをする。 12 | en: |- 13 | Mark up regions that compose a page. 14 | sc: 15 | - 1.3.1 16 | intent: 17 | ja: |- 18 | スクリーン・リーダーなどの支援技術が、ページの構成を適切にユーザーに提示できるようにする。 19 | 20 | - 多くのスクリーン・リーダーには、ARIAランドマークで示される領域間を移動する機能がある。 21 | - スクリーン・リーダーのユーザーは、ページ内の目的の部分に容易に移動できる。 22 | en: |- 23 | Ensure that assistive technologies such as screen readers can appropriately present the page structure to users. 24 | 25 | - Many screen readers have the ability to move between regions indicated by ARIA landmarks. 26 | - Screen reader users can easily move to the desired part of the page. 27 | checks: 28 | - '0661' 29 | - '0671' 30 | - '0682' 31 | info: 32 | - exp-page-structure 33 | -------------------------------------------------------------------------------- /data/yaml/gl/page/orientation.yaml: -------------------------------------------------------------------------------- 1 | id: gl-page-orientation 2 | sortKey: 1126 3 | category: page 4 | title: 5 | ja: 画面方向を固定しない 6 | en: Do Not Lock Screen Orientation 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | コンテンツの性質上必要不可欠な場合を除いて、特定の画面方向（縦置き/横置き）での利用を強制しない。 13 | en: |- 14 | Do not force the use of a specific screen orientation (portrait/landscape) unless it is essential for the nature of the content. 15 | sc: 16 | - 1.3.4 17 | intent: 18 | ja: |- 19 | タブレットなどの端末を、特定の方向（縦置き/横置き）に固定して使う必要がある肢体不自由者などが、コンテンツを利用することを妨げない。 20 | en: |- 21 | Ensure that content is accessible to individuals with physical disabilities, such as those who need to use devices like tablets in a fixed orientation (portrait/landscape). 22 | checks: 23 | - '0751' 24 | - '0771' 25 | info: 26 | - exp-page-orientation 27 | -------------------------------------------------------------------------------- /data/yaml/gl/page/redundant-navigation.yaml: -------------------------------------------------------------------------------- 1 | id: gl-page-redundant-navigation 2 | sortKey: 1136 3 | category: page 4 | title: 5 | ja: 複数の到達手段 6 | en: Multiple Ways 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | そのページへの到達手段を複数提供する。ただし、そのページが何らかの手順の実行の過程や結果としてしか表示されない場合は除く。 13 | en: |- 14 | Provide multiple ways to reach that page. However, this does not apply if the page is displayed only as part of a process or as a result of performing certain procedures. 15 | sc: 16 | - 2.4.5 17 | intent: 18 | ja: |- 19 | 利用環境や認知能力の違いにかかわらず、そのページへのアクセスのしやすさを確保する。 20 | en: |- 21 | Ensure ease of access to that page, regardless of differences in usage environment, and cognitive abilities. 22 | checks: 23 | - '0811' 24 | info: 25 | - exp-page-navigation 26 | -------------------------------------------------------------------------------- /data/yaml/gl/text/color-only.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-color-only 2 | sortKey: 1406 3 | category: text 4 | title: 5 | ja: 複数の視覚的要素を用いた表現 6 | en: Expression Using Multiple Visual Elements 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 強調、引用など、何らかの意図を文字色を変えることによって表現している場合、書体など他の視覚的な要素も併せて用い、色が判別できなくてもその意味を理解できるようにする。 13 | en: |- 14 | When expressing emphasis, quotation, etc. by changing the text color, also use other visual elements like font styles to ensure that the meaning can be understood even if the color cannot be discerned. 15 | sc: 16 | - 1.4.1 17 | intent: 18 | ja: |- 19 | 視覚障害者や色弱者がコンテンツを利用できるようにする。 20 | en: |- 21 | Ensure that users with visual impairments or color vision deficiencies can use content. 22 | checks: 23 | - '0031' 24 | - '0051' 25 | info: 26 | - exp-text-wording 27 | - exp-color-only 28 | - exp-grayscale 29 | 30 | -------------------------------------------------------------------------------- /data/yaml/gl/text/component-lang.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-component-lang 2 | sortKey: 1426 3 | category: text 4 | title: 5 | ja: テキストを表示するUIコンポーネントの言語の明示 6 | en: Explicitly Specify the Language for Text-Displaying UI Components 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | テキストを表示するUIコンポーネントにおいて、言語やロケールを指定できる場合は、適切なものを指定する。 13 | en: |- 14 | For UI components that display text, specify the appropriate language or locale if possible. 15 | sc: 16 | - 3.1.2 17 | intent: 18 | ja: |- 19 | 音声/点字出力などが適切に行われるようにする。 20 | en: |- 21 | Ensure that speech and braille output is performed appropriately. 22 | checks: 23 | - '0912' 24 | - '0922' 25 | -------------------------------------------------------------------------------- /data/yaml/gl/text/customize.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-customize 2 | sortKey: 1456 3 | category: text 4 | title: 5 | ja: テキスト表示のカスタマイズ 6 | en: Customization of Text Display 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | ユーザーが ``line-height`` を1.5em以上、段落に続く空白を2em以上、 ``letter-spacing`` を0.12em以上に変更し、その他のプロパティーを一切変更していない状況において、コンテンツおよび機能に損失が生じないようにする。 12 | en: |- 13 | Ensure that there is no loss of content or functionality when the user changes the ``line-height`` to 1.5em or more, the space following a paragraph to 2em or more, and the ``letter-spacing`` to 0.12em or more, and does not change any other properties. 14 | sc: 15 | - 1.4.12 16 | intent: 17 | ja: |- 18 | ロービジョン者が、問題なくコンテンツを利用できるようにする。 19 | en: |- 20 | Ensure that users with low vision can use content without problems. 21 | checks: 22 | - '0891' 23 | info: 24 | - exp-text-custom-css 25 | -------------------------------------------------------------------------------- /data/yaml/gl/text/heading-label.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-heading-label 2 | sortKey: 1411 3 | category: text 4 | title: 5 | ja: 適切な文言の見出し 6 | en: Appropriate Wording for Headings 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 主題又は目的を説明する見出しを付ける。 13 | en: |- 14 | Provide headings that describe the topic or purpose. 15 | sc: 16 | - 2.4.6 17 | intent: 18 | ja: |- 19 | 視覚障害者が、ページ内で目的のコンテンツを見つけやすくする。 20 | en: |- 21 | Ensure that users with visual impairments can easily find the content they are looking for within a page. 22 | checks: 23 | - '0271' 24 | info: 25 | - exp-text-wording 26 | -------------------------------------------------------------------------------- /data/yaml/gl/text/multiple-modality.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-multiple-modality 2 | sortKey: 1401 3 | category: text 4 | title: 5 | ja: 特定の感覚に依存しない表現 6 | en: Expressions Not Dependent on Specific Senses 7 | platform: 8 | - web 9 | - mobile 10 | guideline: 11 | ja: |- 12 | 特定の感覚だけを前提とした表現を用いない。 13 | en: |- 14 | Do not use expressions that rely solely on a specific sense. 15 | sc: 16 | - 1.3.3 17 | intent: 18 | ja: |- 19 | 視覚障害者、色弱者がコンテンツを利用できるようにする。 20 | en: |- 21 | Ensure that users with visual impairments and color vision deficiencies can use content. 22 | checks: 23 | - '0032' 24 | info: 25 | - exp-text-wording 26 | -------------------------------------------------------------------------------- /data/yaml/gl/text/page-lang.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-page-lang 2 | sortKey: 1416 3 | category: text 4 | title: 5 | ja: ページの主たる言語の指定 6 | en: Specify the Primary Language of the Page 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | ``html`` 要素に適切にlang属性を指定する。 12 | en: |- 13 | Specify the ``lang`` attribute for the ``html`` element appropriately. 14 | sc: 15 | - 3.1.1 16 | intent: 17 | ja: |- 18 | 音声/点字出力などが適切に行われるようにする。 19 | en: |- 20 | Ensure that speech and braille output is performed appropriately. 21 | checks: 22 | - '0611' 23 | - '0621' 24 | info: 25 | - exp-text-lang 26 | -------------------------------------------------------------------------------- /data/yaml/gl/text/phrase-lang.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-phrase-lang 2 | sortKey: 1421 3 | category: text 4 | title: 5 | ja: 部分的に使用される言語の明示 6 | en: Explicitly Indicate Partially Used Languages 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | 段落単位など、比較的長いテキストの言語が ``html`` 要素の ``lang`` 属性で指定したものと異なる場合は、その部分に対して適切に ``lang`` 属性を指定する。 12 | en: |- 13 | If the language of a relatively long text, such as a paragraph, is different from the one specified by the ``lang`` attribute of the ``html`` element, specify the ``lang`` attribute appropriately for that part. 14 | sc: 15 | - 3.1.2 16 | intent: 17 | ja: |- 18 | 音声/点字出力などが適切に行われるようにする。 19 | en: |- 20 | Ensure that speech and braille output is performed appropriately. 21 | checks: 22 | - '0911' 23 | - '0921' 24 | info: 25 | - exp-text-lang 26 | -------------------------------------------------------------------------------- /data/yaml/gl/text/zoom.yaml: -------------------------------------------------------------------------------- 1 | id: gl-text-zoom 2 | sortKey: 1431 3 | category: text 4 | title: 5 | ja: ズーム機能を用いた200パーセントの拡大表示 6 | en: 200 Percent Magnification Using Zoom Function 7 | platform: 8 | - web 9 | guideline: 10 | ja: |- 11 | コンテンツや機能を損なうことなく、ブラウザーのズーム機能で200パーセントまで拡大できるようにする。 12 | en: |- 13 | Ensure that content and functions can be magnified to 200 percent using the browser's zoom function without loss of content or functionality. 14 | sc: 15 | - 1.4.4 16 | intent: 17 | ja: |- 18 | ロービジョン者が、問題なくコンテンツを利用できるようにする。 19 | en: |- 20 | Ensure that users with low vision can use content without problems. 21 | checks: 22 | - '0321' 23 | info: 24 | - exp-magnification 25 | -------------------------------------------------------------------------------- /en/Makefile: -------------------------------------------------------------------------------- 1 | lang = en 2 | base_url_suffix= en/ 3 | include ../build.mk 4 | -------------------------------------------------------------------------------- /en/source/_static/a11y-gl-ogp.png: -------------------------------------------------------------------------------- 1 | ../../../ja/source/_static/a11y-gl-ogp.png -------------------------------------------------------------------------------- /en/source/_static/a11y-gl.css: -------------------------------------------------------------------------------- 1 | ../../../ja/source/_static/a11y-gl.css -------------------------------------------------------------------------------- /en/source/_static/copylink.js: -------------------------------------------------------------------------------- 1 | ../../../ja/source/_static/copylink.js -------------------------------------------------------------------------------- /en/source/_static/samples/lang-incorrect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 誤ったlang属性の指定 6 | 7 | 8 |

日本語のテキストは日本語の合成音声で読み上げられます。

9 |

HTML要素のlang属性には、ページ全体で主に使われている言語を指定します。

10 |

Web Content Accessibility Guidelines 2.1や、それを元に作ったfreeeアクセシビリティー・ガイドラインでは、html要素に適切なlang属性を指定することを必須としています。

11 | 12 | 13 | -------------------------------------------------------------------------------- /en/source/_static/samples/lang-partial.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | lang属性 - 日英混在 6 | 7 | 8 |

日本語のテキストは日本語の合成音声で読み上げられます。

9 |

Webの考案者、Tim Berners-Leeは、以下のように言っています：

10 | 11 |
12 |

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

13 |
14 | 15 |

適切にlang属性を使うことで、複数の言語が混在しているときの使い勝手が変わってきますが、状況や想定ユーザーに応じて、最善の実装方法が異なることが考えられます。

16 | 17 | 18 | -------------------------------------------------------------------------------- /en/source/_templates: -------------------------------------------------------------------------------- 1 | ../../ja/source/_templates -------------------------------------------------------------------------------- /en/source/categories/dynamic_content.rst: -------------------------------------------------------------------------------- 1 | .. _category-dynamic-content: 2 | 3 | ############### 4 | Dynamic Content 5 | ############### 6 | 7 | These guidelines are about dynamic content. 8 | 9 | Dynamic content refers to content that changes automatically or in response to user interactions. Such changes may include modifications to the displayed content as well as page transitions. 10 | 11 | .. contents:: Table of Contents 12 | :depth: 1 13 | :local: 14 | :backlinks: none 15 | 16 | .. include:: /inc/gl/dynamic_content.rst 17 | -------------------------------------------------------------------------------- /en/source/categories/form.rst: -------------------------------------------------------------------------------- 1 | .. _category-form: 2 | 3 | ##### 4 | Forms 5 | ##### 6 | 7 | These guidelines cover general input forms as well as content that uses form controls such as input elements, even if it doesn't look like a form at first glance. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/form.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/icon.rst: -------------------------------------------------------------------------------- 1 | .. _category-icon: 2 | 3 | ##### 4 | Icons 5 | ##### 6 | 7 | These guidelines are for icons. 8 | 9 | Here, an icon refers to an image used for the following purposes: 10 | 11 | - Representing the state of an object 12 | - Providing clickable buttons or links 13 | 14 | .. contents:: Table of Contents 15 | :depth: 1 16 | :local: 17 | :backlinks: none 18 | 19 | .. include:: /inc/gl/icon.rst 20 | -------------------------------------------------------------------------------- /en/source/categories/image.rst: -------------------------------------------------------------------------------- 1 | .. _category-image: 2 | 3 | ###### 4 | Images 5 | ###### 6 | 7 | These guidelines are for images. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/image.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/images_of_text.rst: -------------------------------------------------------------------------------- 1 | .. _category-images-of-text: 2 | 3 | ############## 4 | Images of Text 5 | ############## 6 | 7 | These guidelines are for images of text. 8 | Images of text are text that is presented as a graphical image. 9 | 10 | Textual information that is part of content where other visual information is more significant, such as names on nametags of people in photos or text labels in diagrams, is not covered by these guidelines. 11 | 12 | .. contents:: Table of Contents 13 | :depth: 1 14 | :local: 15 | :backlinks: none 16 | 17 | .. include:: /inc/gl/images_of_text.rst 18 | -------------------------------------------------------------------------------- /en/source/categories/index.rst: -------------------------------------------------------------------------------- 1 | ########## 2 | Guidelines 3 | ########## 4 | 5 | .. toctree:: 6 | :maxdepth: 2 7 | 8 | markup 9 | page 10 | login_session 11 | input_device 12 | text 13 | images_of_text 14 | image 15 | icon 16 | link 17 | form 18 | dynamic_content 19 | multimedia 20 | 21 | -------------------------------------------------------------------------------- /en/source/categories/input_device.rst: -------------------------------------------------------------------------------- 1 | .. _category-input-device: 2 | 3 | ############# 4 | Input Devices 5 | ############# 6 | 7 | These guidelines are for all content to enable the use of various input devices. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/input_device.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/link.rst: -------------------------------------------------------------------------------- 1 | .. _category-link: 2 | 3 | ##### 4 | Links 5 | ##### 6 | 7 | These guidelines are for links. 8 | 9 | Here, links refer to elements that users can click (or touch) to navigate to another page or perform some action. Links can be text-only, icon-only, or a combination of text and image. 10 | In addition to those implemented with the ``a`` element, this also includes those implemented with the ``button`` element or implemented with the appropriate ``role`` attribute attached. 11 | 12 | .. contents:: Table of Contents 13 | :depth: 1 14 | :local: 15 | :backlinks: none 16 | 17 | .. include:: /inc/gl/link.rst 18 | -------------------------------------------------------------------------------- /en/source/categories/login_session.rst: -------------------------------------------------------------------------------- 1 | .. _category-login-session: 2 | 3 | ############## 4 | Login Sessions 5 | ############## 6 | 7 | These guidelines are about login session management. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/login_session.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/markup.rst: -------------------------------------------------------------------------------- 1 | .. _category-markup: 2 | 3 | ######################### 4 | Markup and Implementation 5 | ######################### 6 | 7 | These guidelines are about markup and implementation in general, and apply to all content. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/markup.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/multimedia.rst: -------------------------------------------------------------------------------- 1 | .. _category-multimedia: 2 | 3 | ####################### 4 | Audio and Video Content 5 | ####################### 6 | 7 | These guidelines are for audio-only content, video content with audio, and video-only content. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/multimedia.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/page.rst: -------------------------------------------------------------------------------- 1 | .. _category-page: 2 | 3 | ################ 4 | Pages in General 5 | ################ 6 | 7 | These guidelines pertain to the entire page and are applicable to all pages. 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/page.rst 15 | -------------------------------------------------------------------------------- /en/source/categories/text.rst: -------------------------------------------------------------------------------- 1 | .. _category-text: 2 | 3 | #### 4 | Text 5 | #### 6 | 7 | These guidelines are about text information. Text information is, roughly speaking, information in the form of characters. These guidelines do not cover text information that has been rendered as images. For that, see the guidelines for "Images of Text". 8 | 9 | .. contents:: Table of Contents 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/text.rst 15 | -------------------------------------------------------------------------------- /en/source/checks/examples/android-tb.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-android-tb: 2 | 3 | ######################################################## 4 | Examples of How to Conduct Checks Using Android TalkBack 5 | ######################################################## 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using Android TalkBack. 8 | 9 | For basic usage of Android TalkBack and recommended settings, please refer to :ref:`exp-screen-reader-check-android-talkback`. 10 | 11 | .. include:: /inc/checks/examples-android-tb.rst 12 | -------------------------------------------------------------------------------- /en/source/checks/examples/axe.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-axe: 2 | 3 | #################################################### 4 | Examples of How to Conduct Checks Using axe DevTools 5 | #################################################### 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using axe DevTools. 8 | 9 | For installation and basic usage of axe DevTools, please refer to :ref:`exp-axe`. 10 | Please also refer to :ref:`info-axe-rules`. 11 | 12 | .. include:: /inc/checks/examples-axe.rst 13 | -------------------------------------------------------------------------------- /en/source/checks/examples/index.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-index: 2 | 3 | ################################# 4 | Examples of How to Conduct Checks 5 | ################################# 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item, organized by each tool used for the checks. 8 | 9 | .. toctree:: 10 | :maxdepth: 1 11 | :titlesonly: 12 | 13 | keyboard 14 | axe 15 | nvda 16 | macos-vo 17 | ios-vo 18 | android-tb 19 | misc 20 | -------------------------------------------------------------------------------- /en/source/checks/examples/ios-vo.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-ios-vo: 2 | 3 | ##################################################### 4 | Examples of How to Conduct Checks Using iOS VoiceOver 5 | ##################################################### 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using iOS VoiceOver. 8 | 9 | For basic usage of iOs VoiceOver and recommended settings, please refer to :ref:`exp-screen-reader-check-ios-voiceover`. 10 | 11 | .. include:: /inc/checks/examples-ios-vo.rst 12 | -------------------------------------------------------------------------------- /en/source/checks/examples/keyboard.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-keyboard: 2 | 3 | ########################################################### 4 | Examples of How to Conduct Checks Using Keyboard Operations 5 | ########################################################### 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using keyboard operations. 8 | 9 | See Also: :ref:`exp-tab-order-check` 10 | 11 | .. include:: /inc/checks/examples-keyboard.rst 12 | -------------------------------------------------------------------------------- /en/source/checks/examples/macos-vo.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-macos-vo: 2 | 3 | ####################################################### 4 | Examples of How to Conduct Checks Using macOS VoiceOver 5 | ####################################################### 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using macOS VoiceOver. 8 | 9 | For basic usage of macOS VoiceOver and recommended settings, please refer to :ref:`exp-screen-reader-check-macos-vo`. 10 | 11 | .. include:: /inc/checks/examples-macos-vo.rst 12 | -------------------------------------------------------------------------------- /en/source/checks/examples/misc.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-misc: 2 | 3 | #################################################### 4 | Examples of How to Conduct Checks with Other Methods 5 | #################################################### 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item with other methods. 8 | 9 | .. include:: /inc/checks/examples-misc.rst 10 | -------------------------------------------------------------------------------- /en/source/checks/examples/nvda.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-nvda: 2 | 3 | ############################################ 4 | Examples of How to Conduct Checks Using NVDA 5 | ############################################ 6 | 7 | Here, we compile examples of how to conduct the check methods indicated for each checklist item using NVDA. 8 | 9 | For installation and basic usage of NVDA, please refer to :ref:`exp-screen-reader-check-nvda`. 10 | 11 | .. include:: /inc/checks/examples-nvda.rst 12 | -------------------------------------------------------------------------------- /en/source/checks/index.rst: -------------------------------------------------------------------------------- 1 | ####################### 2 | Accessibility Checklist 3 | ####################### 4 | 5 | .. toctree:: 6 | :maxdepth: 1 7 | :titlesonly: 8 | 9 | checklist 10 | examples/index 11 | checksheet 12 | -------------------------------------------------------------------------------- /en/source/docutils.conf: -------------------------------------------------------------------------------- 1 | [general] 2 | footnote_backlinks = False 3 | -------------------------------------------------------------------------------- /en/source/explanations/check-tools.rst: -------------------------------------------------------------------------------- 1 | .. _exp-check-tools: 2 | 3 | ################################ 4 | Tools for Checking Accessibility 5 | ################################ 6 | 7 | .. toctree:: 8 | 9 | nu-html-checker 10 | check-contrast 11 | screen-reader-check 12 | axe 13 | -------------------------------------------------------------------------------- /en/source/explanations/form-dynamic-content.rst: -------------------------------------------------------------------------------- 1 | .. _exp-form-dynamic-content: 2 | 3 | ############################################ 4 | フォーム操作で発生する動的な変化が及ぼす影響 5 | ############################################ 6 | 7 | スクリーン・リーダーを利用している全盲のユーザーは、画面の広範囲に表示されている情報を一度に確認することができません。 8 | 同様に、視野が狭かったり画面の拡大ソフトなどを用いていたりするロービジョンのユーザーも、画面の広範囲に表示されている情報を一度に確認することが困難です。 9 | 10 | 現在操作しているコンポーネント以外の場所でのコンテンツの更新やフォーム・フィールドの値の変更が動的に発生したとき、このようなユーザーがその変化に気づくことが難しい場合があります。 11 | また、ページ全体に及ぶようなコンテンツの更新が発生すると、多くのユーザーの混乱を招く可能性があります。 12 | 13 | こういった挙動であっても、ユーザーが充分に予期できれば大きな問題はありませんが、なるべく回避するのが望ましいでしょう。 14 | 15 | 16 | .. include:: /inc/info2gl/exp-form-dynamic-content.rst 17 | -------------------------------------------------------------------------------- /en/source/explanations/form-errors.rst: -------------------------------------------------------------------------------- 1 | .. _exp-form-errors: 2 | 3 | ################ 4 | 入力エラーの扱い 5 | ################ 6 | 7 | スクリーン・リーダーを利用している全盲のユーザーは、画面の広範囲に表示されている情報を一度に確認することができません。 8 | 同様に、視野が狭かったり画面の拡大ソフトなどを用いていたりするロービジョンのユーザーも、画面の広範囲に表示されている情報を一度に確認することが困難です。 9 | 10 | フォーム入力のエラーを示す際、そのフォーム・フィールドの色を変えるなどの方法でエラーであることを示す手法がありますが、こういった手法を使うと、画面全体を見られないユーザーにとってエラー箇所の特定が困難になります。 11 | これを避けるために、エラー箇所をテキストによる説明で明示することが求められています。 12 | 13 | これに加えてエラーの修正方法を示すこと、そもそもエラー入力が発生しないようにすることが必要で、これらはWCAG 2.1ではレベルAAの達成基準として示されています。 14 | 15 | .. include:: /inc/info2gl/exp-form-errors.rst 16 | -------------------------------------------------------------------------------- /en/source/explanations/image-visual.rst: -------------------------------------------------------------------------------- 1 | .. _exp-image-visual: 2 | 3 | ############################## 4 | 画像の表示とアクセシビリティー 5 | ############################## 6 | 7 | 特定の色が何らかの意味を持つような画像を使うと、色弱のユーザーが適切に情報を認知できない場合があります。 8 | 色以外の視覚的要素も併用することで、この問題を回避することができます。 9 | 10 | 例えば、円グラフでは色分けして回答の分布状況を示すようなことがありますが、背景の模様を回答ごとに異なるものにすれば、色の判別ができなくても適切にグラフの情報を理解できる可能性があります。 11 | 12 | 画像を用いる際、その周囲で用いられている色、特に背景色とその画像の色のコントラストが低いと、ロービジョンのユーザーなどの中には、正しく画像を判別できないユーザーがいます。 13 | また、画像中にある文字やその他の視覚的要素が重要な意味を持つ場合は、これらの色と背景色とのコントラスト比も充分に確保する必要があります。 14 | 15 | その問題を回避するために、ガイドラインではこのコントラストを一定以上確保することを求めています。 16 | 17 | 参考： :ref:`exp-check-contrast` 18 | 19 | .. include:: /inc/info2gl/exp-image-visual.rst 20 | -------------------------------------------------------------------------------- /en/source/explanations/images_of_text-text-alternative.rst: -------------------------------------------------------------------------------- 1 | .. _exp-iot-text-alternative: 2 | 3 | ################################################## 4 | 画像化されたテキストを使用する場合の代替情報の提供 5 | ################################################## 6 | 7 | 画像化されたテキストは結局画像ですから、用いる場合には画像を用いる場合と同じことが求められます。 8 | 特に重要なのは、その画像化されたテキストに対する適切な説明を提供することです。 9 | 10 | 基本的には画像化されている文字情報をそのままテキストとして提供すれば良いですが、その長さによって適切な提供方法は異なります。 11 | 12 | 文字情報が数単語よりも短いような場合は、単純に ``alt`` 属性にその文字情報を指定すれば良いでしょう。 13 | 一方、文字情報が多い場合は、 ``aria-describedby`` 属性の利用など、画像に対して詳細な説明を付与する場合の手法を用いるのが適当な場合が多いでしょう。 14 | 15 | .. include:: /inc/info2gl/exp-iot-text-alternative.rst 16 | -------------------------------------------------------------------------------- /en/source/explanations/images_of_text-usage.rst: -------------------------------------------------------------------------------- 1 | .. _exp-iot-usage: 2 | 3 | ############################ 4 | 画像化されたテキストの問題点 5 | ############################ 6 | 7 | 文字情報は、テキスト・データとして提供されていれば、全盲のユーザーはスクリーン・リーダーで読むことができますし、ロービジョンのユーザーはサイズやフォント、表示色などを見やすいものに変更することでより効率的に読むことができます。 8 | しかし、画像にしてしまうとこれらの特性は失われ、全盲のユーザーはアクセスできなくなりますし、ロービジョンのユーザーの中には読みづらく感じる人も現れることが考えられます。 9 | さらに画像化されたテキストは、コピーすることができず、特に障害がないユーザーにとっても利便性を損なうものです。 10 | 11 | このような理由から、画像化したテキストの利用はなるべく回避すべきです。 12 | 13 | ガイドラインでは、以下のような場合に関しては、画像化したテキストの利用を認めています。 14 | 15 | なお、利用する場合は、十分なコントラストを確保し、テキストによる代替情報を提供する必要があります。 16 | 17 | 1. その情報を提示するうえで必要不可欠な表現方法が、画像化したテキストを用いないと実現できない場合 18 | 19 | ロゴやバナーなどが該当します。 20 | 21 | 2. ユーザーの要求に合わせて見た目（文字サイズやフォントの種類など）をカスタマイズした画像を提供できる場合 22 | 23 | 例えば、画像化されたテキストを表示しているページに、文字サイズやフォントなどを変更するためのボタンが設置されていて、画像化されたテキストについてもユーザーが読みやすいように表示を調整できるような仕組みが提供されているような場合です。 24 | 25 | .. include:: /inc/info2gl/exp-iot-usage.rst 26 | -------------------------------------------------------------------------------- /en/source/explanations/keyboard-notrap.rst: -------------------------------------------------------------------------------- 1 | .. _exp-keyboard-notrap: 2 | 3 | #################################### 4 | キーボード・トラップが引き起こす問題 5 | #################################### 6 | 7 | ガイドラインでは、ページ上にあるコンポーネントにキーボードを使ってフォーカスを移動できる場合、そのコンポーネントからフォーカスを外す操作もキーボードで可能にするように求めています。 8 | 9 | これは、元々JavaアプレットやFlashを用いたページが頻繁に作られていた時期に、キーボードのみを使っているユーザーがページ中に埋め込まれたJavaアプレットやFlashプレイヤーからフォーカスが外せなくなる現象がしばしば見られたことに起因して定められた項目です。 10 | 一般的なHTMLで実装されているページではこのような状況を引き起こすことは少ないですが、Reactコンポーネントやページ中に埋め込まれる音声/動画プレイヤーなどではこのような状況が発生する可能性があります。 11 | 12 | こういった状況が発生すると、ユーザーはそのコンポーネントの外にあるコンテンツにアクセスできなくなってしまいます。 13 | すなわち、ページの他の部分がいくらアクセシビリティーが高い状態であっても、この問題が発生しているページではページ全体を利用できない状態になってしまいますので、このような状況を回避することは必須です。 14 | 15 | Tab/Shift+Tabキー、矢印キー、Escキーなど、簡単な操作でフォーカスを外せるようにすることが必要です。 16 | 17 | .. include:: /inc/info2gl/exp-keyboard-notrap.rst 18 | -------------------------------------------------------------------------------- /en/source/explanations/multimedia-autoplay.rst: -------------------------------------------------------------------------------- 1 | .. _exp-multimedia-autoplay: 2 | 3 | ################################## 4 | 音声の自動再生とアクセシビリティー 5 | ################################## 6 | 7 | スクリーン・リーダーによる音声出力を利用している場合、自動再生される音声があると、スクリーン・リーダーの音声を聞き取ることができずに、閲覧や操作を進められないということになり得ます。 8 | そのため、ガイドラインでは音声の自動再生をする場合は3秒より短い音声にすることを求めています。 9 | 10 | なおWCAGでは、3秒以上の音声を自動再生する場合の条件を定めて長い音声の自動再生も認めていますが、ユーザーが音声の制御をできるようにすることなどを求めていて、実装コストがそれなりに高くなることが考えられますので、freeeにおいては基本的に自動再生は用いず、用いる場合も3秒より短い音声の利用にとどめるのが良いでしょう。 11 | 12 | .. include:: /inc/info2gl/exp-multimedia-autoplay.rst 13 | -------------------------------------------------------------------------------- /en/source/explanations/page-orientation.rst: -------------------------------------------------------------------------------- 1 | .. _exp-page-orientation: 2 | 3 | ################################## 4 | 画面の表示方向と肢体不自由者の利用 5 | ################################## 6 | 7 | Webページは様々な端末で表示されることを前提にデザインする必要があります。 8 | 9 | 肢体不自由のユーザーの中には、一定の姿勢でなければ端末を利用できない人や、たとえば車椅子に端末を固定して使う必要がある人がいます。 10 | この場合、画面の方向（縦置き/横置き）も固定されている場合がありますので、特定の画面方向を前提にしたページのデザインは避けなければなりません。 11 | 12 | ただ、このガイドラインの意図は、縦置きでも横置きでも全く問題なく表示されるようにするということではなく、例えば画面に表示が納まらなくてもかまわないので、画面の回転を許容するということです。 13 | 14 | また、このガイドラインではコンテンツの性質上必須の場合は、画面方向を固定することを許容しています。 15 | 特定の画面方向を前提としなければ意図が伝わらない視覚的表現をする場合などがこれに当たります。 16 | 17 | .. include:: /inc/info2gl/exp-page-orientation.rst 18 | -------------------------------------------------------------------------------- /en/source/img/a11y-tree-aria-label.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/a11y-tree-aria-label.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-1.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-2.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-3.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-4.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-6.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-8.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-9.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-pager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-pager.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-settings-best-practices.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-settings-best-practices.png -------------------------------------------------------------------------------- /en/source/img/axe/axe-settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/axe/axe-settings.png -------------------------------------------------------------------------------- /en/source/img/faq/d0002/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/faq/d0002/01.png -------------------------------------------------------------------------------- /en/source/img/faq/d0002/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/faq/d0002/02.png -------------------------------------------------------------------------------- /en/source/img/faq/d0002/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/faq/d0002/03.png -------------------------------------------------------------------------------- /en/source/img/faq/d0002/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/faq/d0002/04.png -------------------------------------------------------------------------------- /en/source/img/faq/d0002/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/faq/d0002/05.png -------------------------------------------------------------------------------- /en/source/img/grayscale/mac-settings-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/grayscale/mac-settings-1.png -------------------------------------------------------------------------------- /en/source/img/grayscale/mac-settings-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/grayscale/mac-settings-2.png -------------------------------------------------------------------------------- /en/source/img/grayscale/win-settings-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/grayscale/win-settings-1.png -------------------------------------------------------------------------------- /en/source/img/grayscale/win-settings-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/grayscale/win-settings-2.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-settings-fnkey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-settings-fnkey.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-settings-keyboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-settings-keyboard.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-util-commander-quicknav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-util-commander-quicknav.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-util-commander-trackpad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-util-commander-trackpad.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-util-general.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-util-general.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-util-visual.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-util-visual.png -------------------------------------------------------------------------------- /en/source/img/macvo/macvo-welcome-dialog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/macvo/macvo-welcome-dialog.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-browse_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-browse_mode.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-format.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-format.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-general.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-general.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-mouse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-mouse.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-speech.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-speech.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-settings-vision.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-settings-vision.png -------------------------------------------------------------------------------- /en/source/img/nvda/nvda-welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/nvda-welcome.png -------------------------------------------------------------------------------- /en/source/img/nvda/win11-settings-speech-recognition.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/en/source/img/nvda/win11-settings-speech-recognition.png -------------------------------------------------------------------------------- /en/source/info/axe-rules.rst: -------------------------------------------------------------------------------- 1 | .. _info-axe-rules: 2 | 3 | ############################################################## 4 | Correspondence Between axe DevTools Rules and These Guidelines 5 | ############################################################## 6 | 7 | Here, we document the correlation between the information output by axe DevTools, which is used during checks, and our guidelines. 8 | 9 | Additionally, please refer to the following for more information on axe DevTools: 10 | 11 | * :ref:`exp-axe` 12 | * :ref:`check-example-axe` 13 | 14 | .. include:: /inc/misc/axe-rules.rst 15 | -------------------------------------------------------------------------------- /en/source/info/index.rst: -------------------------------------------------------------------------------- 1 | .. _info-index: 2 | 3 | ########################################### 4 | Supplementary Information on the Guidelines 5 | ########################################### 6 | 7 | .. toctree:: 8 | :maxdepth: 1 9 | 10 | wcag21-mapping 11 | priority 12 | axe-rules 13 | -------------------------------------------------------------------------------- /en/source/info/wcag21-mapping.rst: -------------------------------------------------------------------------------- 1 | .. _info-wcag21-mapping: 2 | 3 | ################################################################### 4 | Correspondence Between WCAG 2.1 Success Criteria and Our Guidelines 5 | ################################################################### 6 | 7 | Here, we show our guidelines that correspond to each success criterion of the Web Content Accessibility Guidelines (WCAG) 2.1. 8 | 9 | Please note that freee aims to meet Level AA of WCAG 2.1, so many of the Level AAA success criteria are marked as "N/A (Not Applicable)." 10 | For reference, the "Level" column in the table below indicates the levels as specified in WCAG 2.1. 11 | 12 | .. include:: /inc/misc/wcag21-mapping.rst 13 | -------------------------------------------------------------------------------- /en/source/intro/index.rst: -------------------------------------------------------------------------------- 1 | .. _intro: 2 | 3 | ####### 4 | Preface 5 | ####### 6 | 7 | The freee Accessibility Guidelines are a compilation of the essential elements needed to achieve highly accessible Web content. 8 | In addition, they also compile information necessary for applying these concepts to mobile applications to enhance accessibility. 9 | Aimed at providing user-friendly guidelines for product development at freee K.K., they are established based on the `Web Content Accessibility Guidelines (WCAG) 2.1 `_. 10 | 11 | .. toctree:: 12 | :maxdepth: 2 13 | :titlesonly: 14 | 15 | intro 16 | usage 17 | contributing 18 | history 19 | 20 | .. _WCAG21: https://www.w3.org/TR/WCAG21/ 21 | -------------------------------------------------------------------------------- /ja/Makefile: -------------------------------------------------------------------------------- 1 | lang = ja 2 | include ../build.mk 3 | -------------------------------------------------------------------------------- /ja/source/_static/a11y-gl-ogp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/_static/a11y-gl-ogp.png -------------------------------------------------------------------------------- /ja/source/_static/samples/lang-incorrect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 誤ったlang属性の指定 6 | 7 | 8 |

日本語のテキストは日本語の合成音声で読み上げられます。

9 |

HTML要素のlang属性には、ページ全体で主に使われている言語を指定します。

10 |

Web Content Accessibility Guidelines 2.1や、それを元に作ったfreeeアクセシビリティー・ガイドラインでは、html要素に適切なlang属性を指定することを必須としています。

11 | 12 | 13 | -------------------------------------------------------------------------------- /ja/source/_static/samples/lang-partial.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | lang属性 - 日英混在 6 | 7 | 8 |

日本語のテキストは日本語の合成音声で読み上げられます。

9 |

Webの考案者、Tim Berners-Leeは、以下のように言っています：

10 | 11 |
12 |

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

13 |
14 | 15 |

適切にlang属性を使うことで、複数の言語が混在しているときの使い勝手が変わってきますが、状況や想定ユーザーに応じて、最善の実装方法が異なることが考えられます。

16 | 17 | 18 | -------------------------------------------------------------------------------- /ja/source/_templates/breadcrumbs.html: -------------------------------------------------------------------------------- 1 | {% extends "!breadcrumbs.html" %} 2 | {% block breadcrumbs %} 3 |
  • {{ project }} »
    • 4 | {% for doc in parents %} 5 |
  • {{ doc.title }} »
    • 6 | {% endfor %} 7 |
  • {{ title }}
    • 8 | {% endblock %} 9 | -------------------------------------------------------------------------------- /ja/source/categories/dynamic_content.rst: -------------------------------------------------------------------------------- 1 | .. _category-dynamic-content: 2 | 3 | ############## 4 | 動的コンテンツ 5 | ############## 6 | 7 | これらのガイドライン項目は、動的コンテンツに関するものです。 8 | 9 | 動的コンテンツとは、自動的、またはユーザーの操作を受けて変化するものです。そのような変化には、表示されているものの変更に加えて、ページ遷移なども含まれる場合があります。 10 | 11 | .. contents:: 目次 12 | :depth: 1 13 | :local: 14 | :backlinks: none 15 | 16 | .. include:: /inc/gl/dynamic_content.rst 17 | -------------------------------------------------------------------------------- /ja/source/categories/form.rst: -------------------------------------------------------------------------------- 1 | .. _category-form: 2 | 3 | ######## 4 | フォーム 5 | ######## 6 | 7 | これらのガイドライン項目は、一般的な入力フォームに加え、input要素などフォーム・コントロールを利用している、一見フォームとは思えないようなコンテンツも対象としています。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/form.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/icon.rst: -------------------------------------------------------------------------------- 1 | .. _category-icon: 2 | 3 | ######## 4 | アイコン 5 | ######## 6 | 7 | これらのガイドライン項目は、アイコンを対象にしたものです。 8 | 9 | ここでアイコンとは、以下の目的で用いられている画像を指します： 10 | 11 | - オブジェクトの状態を表す 12 | - クリック可能なボタンやリンクを提供する 13 | 14 | .. contents:: 目次 15 | :depth: 1 16 | :local: 17 | :backlinks: none 18 | 19 | .. include:: /inc/gl/icon.rst 20 | -------------------------------------------------------------------------------- /ja/source/categories/image.rst: -------------------------------------------------------------------------------- 1 | .. _category-image: 2 | 3 | #### 4 | 画像 5 | #### 6 | 7 | これらのガイドライン項目は、画像に関するものです。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/image.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/images_of_text.rst: -------------------------------------------------------------------------------- 1 | .. _category-images-of-text: 2 | 3 | #################### 4 | 画像化されたテキスト 5 | #################### 6 | 7 | これらのガイドライン項目は、テキストを画像化して利用する場合を対象としています。 8 | 9 | たとえば写真に写っている人物の名札にある名前、図中のテキスト・ラベルなど、文字情報以外の視覚的情報が、コンテンツのより重要な要素となっているようなものは、これらのガイドライン項目の対象外です。 10 | 11 | 注： WCAG 2.1では "images of text" という用語が用いられ、WCAG 2.1日本語訳では「文字画像」という訳語が当てられています。 12 | 13 | .. contents:: 目次 14 | :depth: 1 15 | :local: 16 | :backlinks: none 17 | 18 | .. include:: /inc/gl/images_of_text.rst 19 | -------------------------------------------------------------------------------- /ja/source/categories/index.rst: -------------------------------------------------------------------------------- 1 | ############ 2 | ガイドライン 3 | ############ 4 | 5 | .. toctree:: 6 | :maxdepth: 2 7 | 8 | markup 9 | page 10 | login_session 11 | input_device 12 | text 13 | images_of_text 14 | image 15 | icon 16 | link 17 | form 18 | dynamic_content 19 | multimedia 20 | 21 | .. translated:: true 22 | -------------------------------------------------------------------------------- /ja/source/categories/input_device.rst: -------------------------------------------------------------------------------- 1 | .. _category-input-device: 2 | 3 | ############## 4 | 入力ディバイス 5 | ############## 6 | 7 | これらのガイドライン項目は、様々な入力ディバイスの利用を可能にするためのもので、すべてのコンテンツが対象です。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/input_device.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/link.rst: -------------------------------------------------------------------------------- 1 | .. _category-link: 2 | 3 | ###### 4 | リンク 5 | ###### 6 | 7 | これらのガイドライン項目は、リンクに関するものです。 8 | 9 | ここでリンクとは、ユーザーがクリック（タッチ）することでページ遷移や何らかの機能が実行されるものを差します。 10 | リンクにはテキストのみで構成されているもの、アイコンが用いられているもの、画像とテキストの一方又は両方が用いられているものが含まれます。 11 | また、 ``a`` 要素で実装されているものに加えて、 ``button`` 要素で実装されていたり、適切な ``role`` 属性が付加されて実装されているものも含みます。 12 | 13 | .. contents:: 目次 14 | :depth: 1 15 | :local: 16 | :backlinks: none 17 | 18 | .. include:: /inc/gl/link.rst 19 | -------------------------------------------------------------------------------- /ja/source/categories/login_session.rst: -------------------------------------------------------------------------------- 1 | .. _category-login-session: 2 | 3 | #################### 4 | ログイン・セッション 5 | #################### 6 | 7 | これらのガイドライン項目は、ログイン・セッション管理に関するものです。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/login_session.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/markup.rst: -------------------------------------------------------------------------------- 1 | .. _category-markup: 2 | 3 | ################## 4 | マークアップと実装 5 | ################## 6 | 7 | これらのガイドライン項目は、マークアップと実装全般に関するもので、すべてのコンテンツが対象です。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/markup.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/multimedia.rst: -------------------------------------------------------------------------------- 1 | .. _category-multimedia: 2 | 3 | #################### 4 | 音声・映像コンテンツ 5 | #################### 6 | 7 | これらのガイドライン項目は、音声のみのコンテンツ、音声を含む動画コンテンツ、映像のみの動画コンテンツに関するものです。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/multimedia.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/page.rst: -------------------------------------------------------------------------------- 1 | .. _category-page: 2 | 3 | ########## 4 | ページ全体 5 | ########## 6 | 7 | これらのガイドライン項目は、ページ全体に関するもので、すべてのページが対象です。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/page.rst 15 | -------------------------------------------------------------------------------- /ja/source/categories/text.rst: -------------------------------------------------------------------------------- 1 | .. _category-text: 2 | 3 | ######## 4 | テキスト 5 | ######## 6 | 7 | これらのガイドライン項目は、テキスト情報に関するものです。テキスト情報とは、大ざっぱにいえば文字情報ですが、文字情報を画像化して表示するものはこれらのガイドライン項目の対象ではありません。これについては、「画像化されたテキスト」に関するガイドライン項目を参照してください。 8 | 9 | .. contents:: 目次 10 | :depth: 1 11 | :local: 12 | :backlinks: none 13 | 14 | .. include:: /inc/gl/text.rst 15 | -------------------------------------------------------------------------------- /ja/source/checks/checklist.rst: -------------------------------------------------------------------------------- 1 | .. _check-index: 2 | 3 | .. rst-class:: checklist 4 | 5 | ###################################### 6 | アクセシビリティー・チェック全項目一覧 7 | ###################################### 8 | 9 | 書くガイドライン項目の「チェック内容」に示したものを、チェックID順に掲載しています。 10 | 11 | それぞれ、以下の項目を記しています。 12 | 各項目については、 :ref:`intro-intro-check` に詳述しています。 13 | 14 | * チェックID 15 | * チェック内容 16 | * 対象：デザイン、コード、またはプロダクト 17 | * 対象プラットフォーム：Web、モバイルのいずれかまたは両方 18 | * 重篤度：[CRITICAL]/[MAJOR]/[NORMAL]/[MINOR] 19 | * 関連ガイドライン項目：そのチェックによって対応状況を確認することができるガイドライン項目 20 | * 参考情報：そのチェックの意図や実施方法に関する情報が記されているものもあります（各関連ガイドライン項目で掲載しているものと同じです。） 21 | * 関連FAQ： :ref:`faq-index` に掲載しているFAQのうち、そのチェックに関連するものへのリンク 22 | * 「対象」が「コード」のものの中には、実装方法例を記しているものもあります 23 | * 「対象」が「プロダクト」のものの中には、チェック実施方法の例を記しているものもあります 24 | 25 | .. include:: /inc/checks/allchecks.rst 26 | -------------------------------------------------------------------------------- /ja/source/checks/examples/android-tb.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-android-tb: 2 | 3 | ############################################ 4 | Android TalkBackを用いたチェック実施方法の例 5 | ############################################ 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、Android TalkBackを用いて実施するものをまとめて記しています。 8 | 9 | Android TalkBackの基本的な使い方や推奨設定などについては、 :ref:`exp-screen-reader-check-android-talkback` を参照してください。 10 | 11 | .. include:: /inc/checks/examples-android-tb.rst 12 | -------------------------------------------------------------------------------- /ja/source/checks/examples/axe.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-axe: 2 | 3 | ######################################## 4 | axe DevToolsを用いたチェック実施方法の例 5 | ######################################## 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、axe DevToolsを用いて実施するものをまとめて記しています。 8 | 9 | axe DevToolsのインストールや基本的な使用方法については、 :ref:`exp-axe` を参照してください。 10 | また、 :ref:`info-axe-rules` も合わせて参照してください。 11 | 12 | .. include:: /inc/checks/examples-axe.rst 13 | -------------------------------------------------------------------------------- /ja/source/checks/examples/index.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-index: 2 | 3 | #################### 4 | チェック実施方法の例 5 | #################### 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、チェックに使用するツールごとにまとめて記しています。 8 | 9 | .. toctree:: 10 | :maxdepth: 1 11 | :titlesonly: 12 | 13 | keyboard 14 | axe 15 | nvda 16 | macos-vo 17 | ios-vo 18 | android-tb 19 | misc 20 | 21 | .. translated:: true 22 | -------------------------------------------------------------------------------- /ja/source/checks/examples/ios-vo.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-ios-vo: 2 | 3 | ######################################### 4 | iOS VoiceOverを用いたチェック実施方法の例 5 | ######################################### 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、iOS VoiceOverを用いて実施するものをまとめて記しています。 8 | 9 | iOS VoiceOverの基本的な使い方や推奨設定などについては、 :ref:`exp-screen-reader-check-ios-voiceover` を参照してください。 10 | 11 | .. include:: /inc/checks/examples-ios-vo.rst 12 | -------------------------------------------------------------------------------- /ja/source/checks/examples/keyboard.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-keyboard: 2 | 3 | ######################################## 4 | キーボード操作によるチェック実施方法の例 5 | ######################################## 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、キーボード操作によって確認するものをまとめて記しています。 8 | 9 | 参考： :ref:`exp-tab-order-check` 10 | 11 | .. include:: /inc/checks/examples-keyboard.rst 12 | -------------------------------------------------------------------------------- /ja/source/checks/examples/macos-vo.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-macos-vo: 2 | 3 | ########################################### 4 | macOS VoiceOverを用いたチェック実施方法の例 5 | ########################################### 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、macOS VoiceOverを用いて実施するものをまとめて記しています。 8 | 9 | macOS VoiceOverの初期設定や基本的な使い方などについては、 :ref:`exp-screen-reader-check-macos-vo` を参照してください。 10 | 11 | .. include:: /inc/checks/examples-macos-vo.rst 12 | -------------------------------------------------------------------------------- /ja/source/checks/examples/misc.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-misc: 2 | 3 | ###################################### 4 | その他の手段によるチェック実施方法の例 5 | ###################################### 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、その他の手段で確認するものをまとめて記しています。 8 | 9 | .. include:: /inc/checks/examples-misc.rst 10 | -------------------------------------------------------------------------------- /ja/source/checks/examples/nvda.rst: -------------------------------------------------------------------------------- 1 | .. _check-example-nvda: 2 | 3 | ################################ 4 | NVDAを用いたチェック実施方法の例 5 | ################################ 6 | 7 | ここでは、各チェック内容で示したチェック方法の例について、NVDAを用いて実施するものをまとめて記しています。 8 | 9 | NVDAのインストール方法や基本的な使い方などについては、 :ref:`exp-screen-reader-check-nvda` を参照してください。 10 | 11 | .. include:: /inc/checks/examples-nvda.rst 12 | -------------------------------------------------------------------------------- /ja/source/checks/index.rst: -------------------------------------------------------------------------------- 1 | #################################### 2 | アクセシビリティー・チェック・リスト 3 | #################################### 4 | 5 | .. toctree:: 6 | :maxdepth: 1 7 | :titlesonly: 8 | 9 | checklist 10 | examples/index 11 | checksheet 12 | 13 | .. translated:: true 14 | -------------------------------------------------------------------------------- /ja/source/docutils.conf: -------------------------------------------------------------------------------- 1 | [general] 2 | footnote_backlinks = False 3 | -------------------------------------------------------------------------------- /ja/source/explanations/check-tools.rst: -------------------------------------------------------------------------------- 1 | .. _exp-check-tools: 2 | 3 | ########################################## 4 | アクセシビリティー・チェックのためのツール 5 | ########################################## 6 | 7 | .. toctree:: 8 | 9 | nu-html-checker 10 | check-contrast 11 | screen-reader-check 12 | axe 13 | 14 | .. translated:: true 15 | 16 | -------------------------------------------------------------------------------- /ja/source/explanations/contrast.rst: -------------------------------------------------------------------------------- 1 | .. _exp-contrast: 2 | 3 | ########################## 4 | コントラスト比確保の重要性 5 | ########################## 6 | 7 | テキストや画像の表示色と背景色のコントラスト比が極端に低い状態は、視覚的にWebを利用している大半のユーザーにとって、そのコンテンツの利用を困難なものにします。 8 | ロービジョンのユーザーの中には、低いコントラスト比の影響をより強く受けるユーザーがいます。 9 | 10 | 当ガイドラインでは、視覚的に提示される情報について、一定のコントラスト比を確保することを求めています。 11 | 当ガイドラインで示している基準は、WCAG 2.1のレベルAAの達成基準で示されているものですが、当ガイドラインではレベルAに相当するものとしており、必ず順守する必要があります。 12 | 13 | 対象となるのは、テキストと画像の両方で、画像にはアイコンや画像化されたテキストも含まれます。 14 | テキストの場合、文字のサイズや書体によって基準が異なります。 15 | 16 | 画像の場合、隣接領域とのコントラスト比も確保する必要があります。 17 | 18 | **** 19 | 参考 20 | **** 21 | 22 | * :ref:`exp-check-contrast` 23 | * |Vibes Color Contrast| 24 | 25 | .. include:: /inc/info2gl/exp-contrast.rst 26 | 27 | .. translated:: true 28 | 29 | -------------------------------------------------------------------------------- /ja/source/explanations/form-dynamic-content.rst: -------------------------------------------------------------------------------- 1 | .. _exp-form-dynamic-content: 2 | 3 | ############################################ 4 | フォーム操作で発生する動的な変化が及ぼす影響 5 | ############################################ 6 | 7 | スクリーン・リーダーを利用している全盲のユーザーは、画面の広範囲に表示されている情報を一度に確認することができません。 8 | 同様に、視野が狭かったり画面の拡大ソフトなどを用いていたりするロービジョンのユーザーも、画面の広範囲に表示されている情報を一度に確認することが困難です。 9 | 10 | 現在操作しているコンポーネント以外の場所でのコンテンツの更新やフォーム・フィールドの値の変更が動的に発生したとき、このようなユーザーがその変化に気づくことが難しい場合があります。 11 | また、ページ全体に及ぶようなコンテンツの更新が発生すると、多くのユーザーの混乱を招く可能性があります。 12 | 13 | こういった挙動であっても、ユーザーが充分に予期できれば大きな問題はありませんが、なるべく回避するのが望ましいでしょう。 14 | 15 | 16 | .. include:: /inc/info2gl/exp-form-dynamic-content.rst 17 | -------------------------------------------------------------------------------- /ja/source/explanations/form-errors.rst: -------------------------------------------------------------------------------- 1 | .. _exp-form-errors: 2 | 3 | ################ 4 | 入力エラーの扱い 5 | ################ 6 | 7 | スクリーン・リーダーを利用している全盲のユーザーは、画面の広範囲に表示されている情報を一度に確認することができません。 8 | 同様に、視野が狭かったり画面の拡大ソフトなどを用いていたりするロービジョンのユーザーも、画面の広範囲に表示されている情報を一度に確認することが困難です。 9 | 10 | フォーム入力のエラーを示す際、そのフォーム・フィールドの色を変えるなどの方法でエラーであることを示す手法がありますが、こういった手法を使うと、画面全体を見られないユーザーにとってエラー箇所の特定が困難になります。 11 | これを避けるために、エラー箇所をテキストによる説明で明示することが求められています。 12 | 13 | これに加えてエラーの修正方法を示すこと、そもそもエラー入力が発生しないようにすることが必要で、これらはWCAG 2.1ではレベルAAの達成基準として示されています。 14 | 15 | .. include:: /inc/info2gl/exp-form-errors.rst 16 | -------------------------------------------------------------------------------- /ja/source/explanations/image-visual.rst: -------------------------------------------------------------------------------- 1 | .. _exp-image-visual: 2 | 3 | ############################## 4 | 画像の表示とアクセシビリティー 5 | ############################## 6 | 7 | 特定の色が何らかの意味を持つような画像を使うと、色弱のユーザーが適切に情報を認知できない場合があります。 8 | 色以外の視覚的要素も併用することで、この問題を回避することができます。 9 | 10 | 例えば、円グラフでは色分けして回答の分布状況を示すようなことがありますが、背景の模様を回答ごとに異なるものにすれば、色の判別ができなくても適切にグラフの情報を理解できる可能性があります。 11 | 12 | 画像を用いる際、その周囲で用いられている色、特に背景色とその画像の色のコントラストが低いと、ロービジョンのユーザーなどの中には、正しく画像を判別できないユーザーがいます。 13 | また、画像中にある文字やその他の視覚的要素が重要な意味を持つ場合は、これらの色と背景色とのコントラスト比も充分に確保する必要があります。 14 | 15 | その問題を回避するために、ガイドラインではこのコントラストを一定以上確保することを求めています。 16 | 17 | 参考： :ref:`exp-check-contrast` 18 | 19 | .. include:: /inc/info2gl/exp-image-visual.rst 20 | -------------------------------------------------------------------------------- /ja/source/explanations/images_of_text-text-alternative.rst: -------------------------------------------------------------------------------- 1 | .. _exp-iot-text-alternative: 2 | 3 | ################################################## 4 | 画像化されたテキストを使用する場合の代替情報の提供 5 | ################################################## 6 | 7 | 画像化されたテキストは結局画像ですから、用いる場合には画像を用いる場合と同じことが求められます。 8 | 特に重要なのは、その画像化されたテキストに対する適切な説明を提供することです。 9 | 10 | 基本的には画像化されている文字情報をそのままテキストとして提供すれば良いですが、その長さによって適切な提供方法は異なります。 11 | 12 | 文字情報が数単語よりも短いような場合は、単純に ``alt`` 属性にその文字情報を指定すれば良いでしょう。 13 | 一方、文字情報が多い場合は、 ``aria-describedby`` 属性の利用など、画像に対して詳細な説明を付与する場合の手法を用いるのが適当な場合が多いでしょう。 14 | 15 | .. include:: /inc/info2gl/exp-iot-text-alternative.rst 16 | -------------------------------------------------------------------------------- /ja/source/explanations/images_of_text-usage.rst: -------------------------------------------------------------------------------- 1 | .. _exp-iot-usage: 2 | 3 | ############################ 4 | 画像化されたテキストの問題点 5 | ############################ 6 | 7 | 文字情報は、テキスト・データとして提供されていれば、全盲のユーザーはスクリーン・リーダーで読むことができますし、ロービジョンのユーザーはサイズやフォント、表示色などを見やすいものに変更することでより効率的に読むことができます。 8 | しかし、画像にしてしまうとこれらの特性は失われ、全盲のユーザーはアクセスできなくなりますし、ロービジョンのユーザーの中には読みづらく感じる人も現れることが考えられます。 9 | さらに画像化されたテキストは、コピーすることができず、特に障害がないユーザーにとっても利便性を損なうものです。 10 | 11 | このような理由から、画像化したテキストの利用はなるべく回避すべきです。 12 | 13 | ガイドラインでは、以下のような場合に関しては、画像化したテキストの利用を認めています。 14 | 15 | なお、利用する場合は、十分なコントラストを確保し、テキストによる代替情報を提供する必要があります。 16 | 17 | 1. その情報を提示するうえで必要不可欠な表現方法が、画像化したテキストを用いないと実現できない場合 18 | 19 | ロゴやバナーなどが該当します。 20 | 21 | 2. ユーザーの要求に合わせて見た目（文字サイズやフォントの種類など）をカスタマイズした画像を提供できる場合 22 | 23 | 例えば、画像化されたテキストを表示しているページに、文字サイズやフォントなどを変更するためのボタンが設置されていて、画像化されたテキストについてもユーザーが読みやすいように表示を調整できるような仕組みが提供されているような場合です。 24 | 25 | .. include:: /inc/info2gl/exp-iot-usage.rst 26 | -------------------------------------------------------------------------------- /ja/source/explanations/keyboard-notrap.rst: -------------------------------------------------------------------------------- 1 | .. _exp-keyboard-notrap: 2 | 3 | #################################### 4 | キーボード・トラップが引き起こす問題 5 | #################################### 6 | 7 | ガイドラインでは、ページ上にあるコンポーネントにキーボードを使ってフォーカスを移動できる場合、そのコンポーネントからフォーカスを外す操作もキーボードで可能にするように求めています。 8 | 9 | これは、元々JavaアプレットやFlashを用いたページが頻繁に作られていた時期に、キーボードのみを使っているユーザーがページ中に埋め込まれたJavaアプレットやFlashプレイヤーからフォーカスが外せなくなる現象がしばしば見られたことに起因して定められた項目です。 10 | 一般的なHTMLで実装されているページではこのような状況を引き起こすことは少ないですが、Reactコンポーネントやページ中に埋め込まれる音声/動画プレイヤーなどではこのような状況が発生する可能性があります。 11 | 12 | こういった状況が発生すると、ユーザーはそのコンポーネントの外にあるコンテンツにアクセスできなくなってしまいます。 13 | すなわち、ページの他の部分がいくらアクセシビリティーが高い状態であっても、この問題が発生しているページではページ全体を利用できない状態になってしまいますので、このような状況を回避することは必須です。 14 | 15 | Tab/Shift+Tabキー、矢印キー、Escキーなど、簡単な操作でフォーカスを外せるようにすることが必要です。 16 | 17 | .. include:: /inc/info2gl/exp-keyboard-notrap.rst 18 | -------------------------------------------------------------------------------- /ja/source/explanations/multimedia-autoplay.rst: -------------------------------------------------------------------------------- 1 | .. _exp-multimedia-autoplay: 2 | 3 | ################################## 4 | 音声の自動再生とアクセシビリティー 5 | ################################## 6 | 7 | スクリーン・リーダーによる音声出力を利用している場合、自動再生される音声があると、スクリーン・リーダーの音声を聞き取ることができずに、閲覧や操作を進められないということになり得ます。 8 | そのため、ガイドラインでは音声の自動再生をする場合は3秒より短い音声にすることを求めています。 9 | 10 | なおWCAGでは、3秒以上の音声を自動再生する場合の条件を定めて長い音声の自動再生も認めていますが、ユーザーが音声の制御をできるようにすることなどを求めていて、実装コストがそれなりに高くなることが考えられますので、freeeにおいては基本的に自動再生は用いず、用いる場合も3秒より短い音声の利用にとどめるのが良いでしょう。 11 | 12 | .. include:: /inc/info2gl/exp-multimedia-autoplay.rst 13 | -------------------------------------------------------------------------------- /ja/source/explanations/page-orientation.rst: -------------------------------------------------------------------------------- 1 | .. _exp-page-orientation: 2 | 3 | ################################## 4 | 画面の表示方向と肢体不自由者の利用 5 | ################################## 6 | 7 | Webページは様々な端末で表示されることを前提にデザインする必要があります。 8 | 9 | 肢体不自由のユーザーの中には、一定の姿勢でなければ端末を利用できない人や、たとえば車椅子に端末を固定して使う必要がある人がいます。 10 | この場合、画面の方向（縦置き/横置き）も固定されている場合がありますので、特定の画面方向を前提にしたページのデザインは避けなければなりません。 11 | 12 | ただ、このガイドラインの意図は、縦置きでも横置きでも全く問題なく表示されるようにするということではなく、例えば画面に表示が納まらなくてもかまわないので、画面の回転を許容するということです。 13 | 14 | また、このガイドラインではコンテンツの性質上必須の場合は、画面方向を固定することを許容しています。 15 | 特定の画面方向を前提としなければ意図が伝わらない視覚的表現をする場合などがこれに当たります。 16 | 17 | .. include:: /inc/info2gl/exp-page-orientation.rst 18 | -------------------------------------------------------------------------------- /ja/source/explanations/screen-reader-check.rst: -------------------------------------------------------------------------------- 1 | .. _exp-screen-reader-check: 2 | 3 | ############################################## 4 | スクリーン・リーダーを用いたチェックの実施方法 5 | ############################################## 6 | 7 | ここでは、主要なスクリーン・リーダーを用いてチェックする場合に推奨される設定や最低限知っておくべき事項について説明します。 8 | 9 | なお、freeeでは以下の方針でスクリーン・リーダーによるチェックを実施しています。 10 | 11 | PC向けWeb 12 | * Windows上のNVDAとGoogle Chromeで動作確認し、動作しない場合は当該チェックの結果をNGとする 13 | * macOS VoiceOverによるチェックは、スタティックなコンテンツや既にNVDAでの動作確認が完了しているUIコンポーネントに限定し、その他のチェックはNVDAで実施する 14 | モバイル・アプリケーション 15 | * iOS VoiceOver、Android TalkBackそれぞれでで動作確認し、動作しない場合は当該チェックの結果をNGとする 16 | 17 | .. toctree:: 18 | :titlesonly: 19 | 20 | screen-reader-check-nvda 21 | screen-reader-check-macos-voiceover 22 | screen-reader-check-ios-voiceover 23 | screen-reader-check-android-talkback 24 | 25 | .. translated:: true 26 | 27 | -------------------------------------------------------------------------------- /ja/source/img/a11y-tree-aria-label.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/a11y-tree-aria-label.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-1.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-2.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-3.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-4.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-6.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-8.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-9.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-pager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-pager.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-settings-best-practices.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-settings-best-practices.png -------------------------------------------------------------------------------- /ja/source/img/axe/axe-settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/axe/axe-settings.png -------------------------------------------------------------------------------- /ja/source/img/faq/d0002/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/faq/d0002/01.png -------------------------------------------------------------------------------- /ja/source/img/faq/d0002/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/faq/d0002/02.png -------------------------------------------------------------------------------- /ja/source/img/faq/d0002/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/faq/d0002/03.png -------------------------------------------------------------------------------- /ja/source/img/faq/d0002/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/faq/d0002/04.png -------------------------------------------------------------------------------- /ja/source/img/faq/d0002/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/faq/d0002/05.png -------------------------------------------------------------------------------- /ja/source/img/grayscale/mac-settings-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/grayscale/mac-settings-1.png -------------------------------------------------------------------------------- /ja/source/img/grayscale/mac-settings-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/grayscale/mac-settings-2.png -------------------------------------------------------------------------------- /ja/source/img/grayscale/win-settings-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/grayscale/win-settings-1.png -------------------------------------------------------------------------------- /ja/source/img/grayscale/win-settings-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/grayscale/win-settings-2.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-settings-fnkey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-settings-fnkey.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-settings-keyboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-settings-keyboard.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-util-commander-quicknav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-util-commander-quicknav.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-util-commander-trackpad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-util-commander-trackpad.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-util-general.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-util-general.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-util-visual.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-util-visual.png -------------------------------------------------------------------------------- /ja/source/img/macvo/macvo-welcome-dialog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/macvo/macvo-welcome-dialog.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-browse_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-browse_mode.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-format.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-format.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-general.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-general.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-mouse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-mouse.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-speech.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-speech.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-settings-vision.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-settings-vision.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvda-welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvda-welcome.png -------------------------------------------------------------------------------- /ja/source/img/nvda/nvdacheat-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/nvdacheat-desktop.png -------------------------------------------------------------------------------- /ja/source/img/nvda/win10-settings-speech-recognition.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/freee/a11y-guidelines/a26ec7eaf4103e1a3574b0b49d2c2086f32dccc4/ja/source/img/nvda/win10-settings-speech-recognition.png -------------------------------------------------------------------------------- /ja/source/index.rst: -------------------------------------------------------------------------------- 1 | ###################################### 2 | freeeアクセシビリティー・ガイドライン 3 | ###################################### 4 | 5 | **このガイドラインは、参考情報の追加や表現の改善などで、随時更新されます。** 6 | 7 | リリース: 8 | |release| 9 | ガイドライン・バージョン： 10 | |guidelines_version_string| 11 | チェックシート・バージョン： 12 | |checksheet_version| 13 | 更新日: 14 | |published_date| 15 | 16 | .. toctree:: 17 | :maxdepth: 2 18 | :titlesonly: 19 | 20 | intro/index 21 | categories/index 22 | checks/index 23 | info/index 24 | explanations/index 25 | faq/index 26 | 27 | .. translated:: true 28 | -------------------------------------------------------------------------------- /ja/source/info/axe-rules.rst: -------------------------------------------------------------------------------- 1 | .. _info-axe-rules: 2 | 3 | ########################################## 4 | axe DevToolsのルールと当ガイドラインの対応 5 | ########################################## 6 | 7 | ここでは、チェックの際に利用するaxe DevToolsが出力する情報と、当ガイドラインの対応について記します。 8 | 9 | なお、axe DevToolsについては、以下も合わせて参照してください： 10 | 11 | * :ref:`exp-axe` 12 | * :ref:`check-example-axe` 13 | 14 | .. include:: /inc/misc/axe-rules.rst 15 | -------------------------------------------------------------------------------- /ja/source/info/index.rst: -------------------------------------------------------------------------------- 1 | .. _info-index: 2 | 3 | ############################ 4 | ガイドラインに関する補足情報 5 | ############################ 6 | 7 | .. toctree:: 8 | :maxdepth: 1 9 | 10 | wcag21-mapping 11 | priority 12 | axe-rules 13 | 14 | .. translated:: true 15 | -------------------------------------------------------------------------------- /ja/source/info/wcag21-mapping.rst: -------------------------------------------------------------------------------- 1 | .. _info-wcag21-mapping: 2 | 3 | ################################################## 4 | WCAG 2.1の各達成基準と当ガイドラインの項目との対応 5 | ################################################## 6 | 7 | ここでは、Web Content Accessibility Guidelines (WCAG) 2.1の各達成基準について、当ガイドラインで対応する項目を示しています。 8 | 9 | なお、freeeではWCAG 2.1の適合レベルAA相当を目標としていますので、WCAG 2.1のレベルAAAの達成基準の多くは「該当無し」となっています。 10 | 参考までに、下表の「レベル」の欄に、WCAG 2.1で指定されているレベルを示します。 11 | 12 | .. include:: /inc/misc/wcag21-mapping.rst 13 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2020/202004.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202004-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202004.0 (2020年4月30日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインを一般公開しました `__ 8 | 9 | * 初版公開 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2020/202005.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202005-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202005.1 (2020年5月26日) `__ 5 | ********************************************************************************************** 6 | 7 | * `日本翻訳連盟 `__ が公開している `JTF日本語標準スタイルガイド(翻訳用） `__ に基づき表記揺れなど修正 8 | * 誤字修正 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2020/202006.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202006-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202006.0 (2020年6月18日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202006.0を公開しました `__ 8 | 9 | * ガイドライン部分の文書構造を見直し 10 | * :ref:`category-input-device` に関するガイドラインの構成を一部変更（内容に変更無し） 11 | * コントラスト関連のガイドラインで、文字サイズの表記をpxとptを併記するように変更 12 | * :ref:`category-dynamic-content` に関するガイドラインにガイドラインを1項目追加： :ref:`[MUST]支援技術への適切な情報提供の維持 ` 13 | * その他内容の変更を伴わないガイドライン文言の変更 14 | * 「チェック内容」と「チェック対象」を対にして表記するように変更 15 | * チェック内容の追加と文言変更 16 | * 「意図」について、一部内容の変更を伴わない文言変更と追記 17 | 18 | 19 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2020/202008.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202008-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202008.0 (2020年8月21日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202008.0を公開しました `__ 8 | 9 | * チェック内容の見直し 10 | 11 | - チェック対象を「デザイン」、「コード」、「プロダクト」に変更 12 | - 全ガイドラインに対するチェック内容の見直しと整理 13 | - すべてのチェック内容をまとめた章を追加： :ref:`check-index` 14 | 15 | * 参考情報更新 16 | 17 | - クリック/タッチ・ターゲットのサイズの確認方法についての記述を追加： :ref:`exp-target-size` 18 | 19 | * 誤字修正 20 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202101.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202101-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202101.0 (2021年1月5日) `__ 5 | ********************************************************************************************* 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202101.0を公開しました `__ 8 | 9 | * 参考情報更新 10 | 11 | - :ref:`exp-tab-order-check` に、キーボードのみを用いた操作が可能であることを確認する方法として、マウス・ポインターを非表示にする方法を追加 12 | 13 | * 誤字修正 14 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202101.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202101-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202101.1 (2021年1月20日) `__ 5 | ********************************************************************************************** 6 | 7 | * 参考情報更新 8 | 9 | - :ref:`exp-text-custom-css` に掲載しているCSSおよびブックマークレットの修正 10 | 11 | * 誤字修正 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202103.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202103-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202103.0 (2021年3月1日) `__ 5 | ********************************************************************************************* 6 | 7 | * :ref:`[MUST]文書構造を適切にマークアップする ` に関連するチェック内容とそのチェック実施方法例を追加 8 | 9 | * :ref:`check-0561` 10 | * :ref:`check-0562` 11 | 12 | * 上記、チェックID: 0561と内容が重複するチェックID: 0741を削除 13 | * 意図の変更を伴わないチェック内容の文言変更： :ref:`check-0441` 14 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202104.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202104-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202104.0 (2021年4月1日) `__ 5 | ********************************************************************************************* 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202104.0を公開しました `__ 8 | 9 | * axeがaxe DevToolsに改名されたことなどに対応して、表記や画面キャプチャーを更新 10 | * axe DevToolsのルールと当ガイドラインの対応情報を追加： :ref:`info-axe-rules` 11 | * チェック内容をまとめたGoogleスプレッドシートに関する情報を追加： :ref:`checks-checksheet` 12 | * コントラスト関連のチェックについて、テキスト情報とそれ以外のものを分離 13 | * コントラスト関連のガイドライン、参考情報、チェック内容の箇所に、社内デザイン・システムVibesのカラー・コントラスト表へのリンクを追加 14 | 15 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202105.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202105-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202105.0 (2021年5月6日) `__ 5 | ********************************************************************************************* 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202105.0を公開しました `__ 8 | 9 | * 表示中のWebページをグレースケール表示にするブックマークレットを追加： :ref:`exp-grayscale` 10 | * 誤字修正 11 | 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202106.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202106-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202106.0 (2021年6月1日) `__ 5 | ********************************************************************************************* 6 | 7 | * コントラスト比のチェック方法について加筆： :ref:`exp-check-contrast` 8 | * NVDAチートシートの更新に合わせて、掲載している画像などを変更： :ref:`exp-screen-reader-check` 9 | * :ref:`info-axe-rules` を最新のaxe-coreのソースに基づいた内容に更新 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202107.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202107-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202107.0 (2021年7月12日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202107.0を公開しました `__ 8 | 9 | * ガイドラインの文言変更 10 | 11 | - 入力ディバイス： :ref:`[MUST]キーボード・トラップの回避 ` 12 | - ページ全体： :ref:`[MUST]画面方向を固定しない ` 13 | 14 | * チェック内容の文言変更： :ref:`check-0201` 15 | * :ref:`info-axe-rules` を最新のaxe-coreのソースに基づいた内容に更新 16 | * フリー株式会社のコーポレート・アイデンティティーの変更に対応 17 | 18 | - ページ内のロゴを新しいものに変更 19 | - OGP用の画像を差し替え 20 | - 社内デザイン・システムVibesのコントラスト比の表のURLを差し替え 21 | 22 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202110.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202110-1: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202110.1 (2021年10月11日) `__ 5 | *********************************************************************************************** 6 | 7 | * チェックリストに関する記述を現状に合わせて修正： :ref:`checks-checksheet` 8 | * チェックリストの変更履歴を追加： :ref:`checksheet-history` 9 | * 誤字修正 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202110.2.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202110-2: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202110.2 (2021年10月18日) `__ 5 | *********************************************************************************************** 6 | 7 | * :ref:`intro-contributing` を追加 8 | 9 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202111.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202111-0: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202111.0 (2021年11月19日) `__ 5 | *********************************************************************************************** 6 | 7 | * :ref:`category-images-of-text` 中のガイドライン、「隣接領域とのコントラスト比の確保」を削除 8 | * Android TalkBackに関する情報を追加： :ref:`exp-screen-reader-check-android-talkback` 9 | * これらの変更を反映する形でチェック内容を更新 10 | * ガイドラインの各カテゴリー・ページにページ内目次を追加 11 | 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2021/202112.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202112-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202112.0 (2021年12月3日) `__ 5 | ********************************************************************************************** 6 | 7 | * Androidでグレースケール表示をする方法を追加： :ref:`exp-grayscale` 8 | * Androidで拡大表示をする方法を追加： :ref:`exp-magnification` 9 | * 誤字修正 10 | * YAMLファイルの処理の改善 11 | 12 | 13 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2022/202201.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202201-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202201.1 (2022年1月20日) `__ 5 | ********************************************************************************************** 6 | 7 | * ARIAランドマークに関するMDNの開設記事へのリンクを追加： :ref:`exp-page-structure` 8 | * axe DevToolsを使ったARIAランドマークに関するチェックの実施方法を追加： :ref:`check-0682` 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2022/202202.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202202-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202202.0 (2022年2月18日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202202.0を公開しました `__ 8 | 9 | * 「マークアップ全般」カテゴリーを「マークアップと実装」に改名し、全体的に見直し 10 | 11 | - :ref:`[MUST]文書構造を適切にマークアップする ` について、スタティックなコンテンツを対象としていることが明確になるように文言を変更 12 | - :ref:`[MUST]対話的なUIコンポーネントの実装 ` と :ref:`check-0553` を追加 13 | - :ref:`[MUST]コンポーネントをアクセシブルにする ` の文言を変更 14 | - 関連して参考情報に加筆： :ref:`exp-markup-component` 15 | 16 | * ガイドラインおよびチェック内容のYAMLのスキーマ定義を、JSON Schemaで記述して追加 17 | 18 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2022/202205.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202205-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202205.0 (2022年5月10日) `__ 5 | ********************************************************************************************** 6 | 7 | * 誤字修正 8 | 9 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2022/202209.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202209-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202209.1 (2022年9月22日) `__ 5 | ********************************************************************************************** 6 | 7 | * NVDAの多言語処理に関する項目の推奨設定を変更： :ref:`exp-screen-reader-check-nvda` 8 | * 各ガイドラインの「チェック内容」の項と :ref:`check-index` の表示を変更 9 | * 誤字修正 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2022/202210.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202210-0: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202210.0 (2022年10月11日) `__ 5 | *********************************************************************************************** 6 | 7 | * テキストの拡大に関連するガイドラインについて、意図が明確になるように文言を修正 8 | 9 | - :ref:`gl-text-zoom` 10 | - :ref:`gl-text-enlarge-settings` 11 | - :ref:`gl-text-mobile-enlarge-settings` 12 | - 文字サイズの設定による200パーセントの拡大表示 13 | - :ref:`gl-text-zoom-reflow` 14 | 15 | * NVDAの初期設定に関する説明で、NVDA Version 2022.3jpにおけるNVDAメニューの構成変更を反映： :ref:`exp-screen-reader-check-nvda` 16 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202301.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202301-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202301.0 (2023年1月27日) `__ 5 | ********************************************************************************************** 6 | 7 | * NVDAの初期設定に関する説明で、マウス追跡の推奨設定を追加： :ref:`exp-screen-reader-check-nvda` 8 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202302.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202302-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202302.0 (2023年2月20日) `__ 5 | ********************************************************************************************** 6 | 7 | * アクセシビリティー・チェック・リストをV3.5.4に更新 8 | * ソースの管理やビルド方法に関する情報を加筆： :ref:`intro-contributing` 9 | * カラーユニバーサルデザイン機構（CUDO）のサイト上のURLなどの変更に合わせてリンクを修正： :ref:`exp-color-only` 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202303.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202303-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202303.0 (2023年3月6日) `__ 5 | ********************************************************************************************* 6 | 7 | * アクセシビリティー・チェック・リストをV3.5.5に更新 8 | 9 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202303.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202303-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202303.1 (2023年3月10日) `__ 5 | ********************************************************************************************** 6 | 7 | * 外部情報へのリンクのうち、Material Design関連以外のものについて、掲載URLが変更されたものを更新 8 | * HTMLファイルの生成に用いているSphinxの設定を見直し 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202303.2.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202303-2: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202303.2 (2023年3月20日) `__ 5 | ********************************************************************************************** 6 | 7 | * アクセシビリティー・チェック・リストをV3.5.6に更新 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202304.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202304-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202304.0 (2023年4月7日) `__ 5 | ********************************************************************************************* 6 | 7 | * :ref:`exp-screen-reader-check-nvda` の内容を補足する動画を追加 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202304.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202304-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202304.1 (2023年4月21日) `__ 5 | ********************************************************************************************** 6 | 7 | * Material Design関連のリンクを更新： :ref:`exp-screen-reader-check-android-talkback` 8 | * :ref:`info-axe-rules` を最新のaxe-coreのソースに基づいた内容に更新 9 | 10 | 11 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202305.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202305-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202305.0 (2023年5月23日) `__ 5 | ********************************************************************************************** 6 | 7 | * :ref:`exp-screen-reader-check-nvda` の更新 8 | 9 | - 多言語関連のチェックを実施する際に必要となる、Windowsの設定について追記 10 | - NVDAチートシートの画像を最新版に更新 11 | - 入力ヘルプ機能に関する動画を追加 12 | 13 | * :ref:`info-axe-rules` の更新 14 | 15 | - メッセージの日本語、英語の表示順序を変更 16 | - axe-core最新版に基づいた内容に更新 17 | 18 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202306.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202306-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202306.0 (2023年6月8日) `__ 5 | ********************************************************************************************* 6 | 7 | * :ref:`exp-screen-reader-check-ios-voiceover` を最新のHuman Interface Guidelinesに合わせて更新 8 | 9 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202306.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202306-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202306.1 (2023年6月16日) `__ 5 | ********************************************************************************************** 6 | 7 | * アクセシビリティー・チェック・リストをV4.0.0に更新 8 | * 一部マークアップの修正 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202308.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202308-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202308.0 (2023年8月8日) `__ 5 | ********************************************************************************************* 6 | 7 | * フォーム・コントロールのキーボード操作に関するガイドラインを追加: :ref:`gl-form-keyboard-operable` 8 | * :ref:`exp-axe`　に、推奨する初期設定について追記 9 | * アクセシビリティー・チェック・リストをV4.2.0に更新 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202309.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202309-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202309.0 (2023年9月4日) `__ 5 | ********************************************************************************************* 6 | 7 | * :ref:`exp-axe`　の記述を、axe DevToolsの最新版に合わせて更新 8 | * :ref:`info-axe-rules` を最新のaxe-coreのソースに基づいた内容に更新 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202310.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202310-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202310.0 (2023年10月3日) `__ 5 | ********************************************************************************************** 6 | 7 | * 参考情報の各ページの関連ガイドライン項目の項について、自動生成するように変更 8 | 9 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202311.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202311-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202311.0 (2023年11月7日) `__ 5 | ********************************************************************************************** 6 | 7 | * 文言を見直し、「スクロール」を「自動スクロール」に変更： :ref:`gl-dynamic-content-pause-movement` 8 | * アクセシビリティー・チェック・リストをV4.3.1に更新 9 | * macOS VoiceOverを用いたチェックに関する情報を追加： :ref:`exp-screen-reader-check-macos-vo` 10 | * 誤字修正 11 | 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202311.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202311-1: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202311.1 (2023年11月27日) `__ 5 | *********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202311.1を公開しました `__ 8 | 9 | * macOSの :kbd:`fn` キーに関する設定について追記： :ref:`exp-screen-reader-check-macos-vo` 10 | * アクセシビリティー・チェック・リストをV4.3.2に更新 11 | * macOS VoiceOverを用いたチェック方法の例を追加し、これらをまとめたページを新設： :ref:`check-example-macos-vo` 12 | 13 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202312.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202312-0: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202312.0 (2023年12月15日) `__ 5 | *********************************************************************************************** 6 | 7 | * アクセシビリティー・チェック・リストをV4.3.3に更新 8 | * :ref:`faq-index` を追加 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2023/202312.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202312-1: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202312.1 (2023年12月25日) `__ 5 | *********************************************************************************************** 6 | 7 | * アクセシビリティー・チェック実施に当たっての各種スクリーン・リーダーの位置づけについて改めて明記： :ref:`exp-screen-reader-check` 8 | * :ref:`exp-grayscale` を更新 9 | * FAQに関連する表示の調整 10 | * FAQ記事追加 11 | 12 | - :ref:`faq-p0002` 13 | - :ref:`faq-p0003` 14 | 15 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202401.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202401-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202401.0 (2024年1月15日) `__ 5 | ********************************************************************************************** 6 | 7 | * 「ホバー」という表記を「マウスオーバー（ホバー）」または「マウスオーバー」に変更 8 | * アクセシビリティー・チェック・リストをV4.3.4に更新 9 | 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202403.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202403-0: 2 | 3 | ********************************************************************************************* 4 | `Ver. 202403.0 (2024年3月4日) `__ 5 | ********************************************************************************************* 6 | 7 | * NVDAの推奨設定として、新たに「クリック可能」に関する設定を追加： :ref:`exp-screen-reader-check-nvda` →「事前準備」→「その他の初期設定」→「書式とドキュメント情報」 8 | * 「マウスオーバー」に関する部分の文言の調整 9 | * ガイドライン項目とチェック内容を中心に、英訳を追加： https://a11y-guidelines.freee.co.jp/en/index.html 10 | * アクセシビリティー・チェック・リストをV4.3.7に更新 11 | * 社名表記を「フリー株式会社」に統一 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202403.1.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202403-1: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202403.1 (2024年3月29日) `__ 5 | ********************************************************************************************** 6 | 7 | * 参考情報に加筆 8 | 9 | - :ref:`exp-target-size` 10 | - :ref:`exp-screen-reader-check-nvda` 11 | 12 | * FAQ追加： :ref:`faq-d0003` 13 | * 当文書の編集方法に関する記述を現状に合わせて更新： :ref:`intro-contributing` 14 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202404.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202404-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202404.0 (2024年4月23日) `__ 5 | ********************************************************************************************** 6 | 7 | * 参考情報更新： :ref:`exp-grayscale` 8 | * FAQ追加： 9 | 10 | - :ref:`faq-p0004` 11 | - :ref:`faq-p0005` 12 | 13 | * その他細かな表記の修正 14 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202405.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202405-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202405.0 (2024年5月14日) `__ 5 | ********************************************************************************************** 6 | 7 | * 参考情報更新： :ref:`exp-check-contrast` 8 | * FAQ追加： :ref:`faq-p0006` 9 | * :ref:`info-axe-rules` を2024年4月29日時点のaxe-coreのソースに基づいた内容に更新 10 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202408.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202408-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202408.0 (2024年8月20日) `__ 5 | ********************************************************************************************** 6 | 7 | 参考： `freeeアクセシビリティー・ガイドラインVer. 202408.0を公開しました & アクセシビリティー関連の問い合わせもしやすい体制作りを始めました `__ 8 | 9 | * :ref:`info-axe-rules` を2024年5月16日時点のaxe-coreのソースに基づいた内容に更新 10 | * :ref:`intro-contributing` を現状に合わせて更新 11 | * アクセシビリティー・チェック・リストをV5.0.2に更新 12 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202409.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202409-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202409.0 (2024年9月26日) `__ 5 | ********************************************************************************************** 6 | 7 | * WCAG 2.1の達成基準2.5.1に対応するモバイル・アプリケーションを対象としたガイドライン項目と関連する解説を追加： 8 | 9 | - 入力ディバイス： :ref:`gl-input-device-mobile-standard-gestures` 10 | - :ref:`exp-mobile-a11y-basics` 11 | 12 | * アクセシビリティー・チェック・リストをV5.1.0に更新 13 | 14 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2024/202411.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202411-0: 2 | 3 | *********************************************************************************************** 4 | `Ver. 202411.0 (2024年11月22日) `__ 5 | *********************************************************************************************** 6 | 7 | * :ref:`exp-dynamic-content-auto-updated` の文言の見直し 8 | * :ref:`exp-screen-reader-check-nvda` のNVDAチートシートを最新版に更新 9 | * FAQの更新 10 | 11 | - 例を追加： :ref:`faq-p0001` 12 | - 追加： :ref:`faq-p0007` 13 | -------------------------------------------------------------------------------- /ja/source/intro/ChangeLog/2025/202504.0.rst: -------------------------------------------------------------------------------- 1 | .. _ver-202504-0: 2 | 3 | ********************************************************************************************** 4 | `Ver. 202504.0 (2025年4月21日) `__ 5 | ********************************************************************************************** 6 | 7 | * FAQ追加： :ref:`faq-d0004` 8 | * FAQ追加： :ref:`faq-p0008` 9 | * FAQ追加： :ref:`faq-p0009` 10 | * :ref:`info-axe-rules` の変更 11 | 12 | - 2025年4月4日時点のaxe-coreのソースに基づいた内容に更新 13 | - Deque Universityの記事へのリンクについて、日本語版、英語版のページをそれぞれリンクするように変更 14 | 15 | * アクセシビリティー・チェック・リストをV6.1.0に更新 16 | -------------------------------------------------------------------------------- /ja/source/intro/index.rst: -------------------------------------------------------------------------------- 1 | .. _intro: 2 | 3 | ######## 4 | はじめに 5 | ######## 6 | 7 | freeeアクセシビリティー・ガイドラインは、アクセシビリティーが高いWebコンテンツの実現に必要な事項をまとめたものです。 8 | 加えて、モバイル・アプリケーションにこれらの考え方を適用し、アクセシビリティーを向上させるために必要な情報についてもまとめています。 9 | フリー株式会社でのプロダクト開発において使いやすいガイドラインを提供することを目的に、 `Web Content Accessibility Guidelines (WCAG) 2.1 `_ に基づいて策定されています。 10 | 11 | .. toctree:: 12 | :maxdepth: 2 13 | :titlesonly: 14 | 15 | intro 16 | usage 17 | contributing 18 | history 19 | 20 | .. _WCAG21: https://www.w3.org/TR/WCAG21/ 21 | 22 | .. translated:: true 23 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | wheel 2 | sphinx >= 3.0 3 | sphinx_rtd_theme 4 | sphinxcontrib-trimblank 5 | jsonschema < 4.18.0 6 | sphinx-lint 7 | pytz 8 | tools/lib/freee_a11y_gl 9 | tools/scripts/yaml2rst 10 | -------------------------------------------------------------------------------- /tools/lib/freee_a11y_gl/pyproject.toml: -------------------------------------------------------------------------------- 1 | [build-system] 2 | requires = ["setuptools>=64", "wheel"] 3 | build-backend = "setuptools.build_meta" 4 | 5 | [project] 6 | name = "freee_a11y_gl" 7 | version = "0.1.1" 8 | description = "A module to process a11y guidelines data" 9 | authors = [ 10 | {name = "Masafumi NAKANE", email = "max@freee.co.jp"} 11 | ] 12 | requires-python = ">=3.8" 13 | dependencies = [ 14 | "pyyaml>=6.0", 15 | "gitpython>=3.1.43", 16 | "pydantic>=2.7.0" 17 | ] 18 | 19 | [tool.setuptools] 20 | package-dir = { "" = "src" } 21 | -------------------------------------------------------------------------------- /tools/lib/freee_a11y_gl/src/freee_a11y_gl/models/faq/__init__.py: -------------------------------------------------------------------------------- 1 | """FAQ models package.""" 2 | from .tag import FaqTag 3 | from .article import Faq 4 | 5 | __all__ = [ 6 | 'FaqTag', 7 | 'Faq' 8 | ] 9 | -------------------------------------------------------------------------------- /tools/lib/freee_a11y_gl/src/freee_a11y_gl/yaml_processor/__init__.py: -------------------------------------------------------------------------------- 1 | """ 2 | YAML processor package for freee accessibility guidelines. 3 | 4 | This package provides functionality for processing YAML files and converting them to JSON format, 5 | with special handling for RST markup and accessibility guideline specific content. 6 | """ 7 | 8 | from .process_yaml import process_yaml_data 9 | from .rst_processor import process_rst_text, process_rst_condition 10 | 11 | __all__ = [ 12 | 'process_yaml_data', 13 | 'process_rst_text', 14 | 'process_rst_condition' 15 | ] 16 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/MANIFEST.in: -------------------------------------------------------------------------------- 1 | graft src/yaml2rst/templates 2 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/pyproject.toml: -------------------------------------------------------------------------------- 1 | [build-system] 2 | requires = ["setuptools>=61.0"] 3 | build-backend = "setuptools.build_meta" 4 | 5 | [project] 6 | name = "yaml2rst" 7 | version = "0.1.2" 8 | description = "Process YAML files into reStructuredText to e included in the guidelines document." 9 | readme = "README.md" 10 | authors = [ 11 | { name = "Masafumi NAKANE", email = "max@freee.co.jp" } 12 | ] 13 | dependencies = [ 14 | "jinja2", 15 | "freee_a11y_gl>=0.1.0", 16 | ] 17 | requires-python = ">=3.8" 18 | 19 | [tool.setuptools] 20 | package-dir = {"" = "src"} 21 | include-package-data = true 22 | 23 | [tool.setuptools.packages.find] 24 | where = ["src"] 25 | include = ["yaml2rst*"] 26 | 27 | [project.scripts] 28 | yaml2rst = "yaml2rst.yaml2rst:main" 29 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/__init__.py: -------------------------------------------------------------------------------- 1 | __version__ = '0.1.0' 2 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/__main__.py: -------------------------------------------------------------------------------- 1 | """Main entry point for yaml2rst when run with python -m yaml2rst.""" 2 | from .yaml2rst import main 3 | 4 | if __name__ == '__main__': 5 | main() 6 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/config.py: -------------------------------------------------------------------------------- 1 | # List of languages that are available for file generation. 2 | AVAILABLE_LANGUAGES = ['ja', 'en'] 3 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/checks/implementation.rst: -------------------------------------------------------------------------------- 1 | {% for impl in check.implementations -%} 2 | {% filter make_heading(check_heading_level + 1) -%} 3 | {%- if lang == 'ja' -%} 4 | 実装方法の例：{{ impl.title }} 5 | {%- elif lang == 'en' -%} 6 | Implementation Example: {{ impl.title }} 7 | {%- endif -%} 8 | {%- endfilter %} 9 | 10 | {% for method in impl.methods -%} 11 | {{ method.platform }} 12 | {{ method.method | indent(3) }} 13 | {% endfor %} 14 | {% endfor %} 15 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/faq/article-index.rst: -------------------------------------------------------------------------------- 1 | .. _faq-article-index: 2 | 3 | {% filter make_heading(1) -%} 4 | {%- if lang == 'ja' -%} 5 | FAQ記事一覧 6 | {%- elif lang == 'en' -%} 7 | FAQ Articles 8 | {%- endif -%} 9 | {%- endfilter %} 10 | 11 | {% if lang == 'ja' -%} 12 | よくある質問と回答（FAQ）の全記事一覧です。 13 | {%- elif lang == 'en' -%} 14 | This is a list of all the FAQ articles in the system. 15 | {%- endif %} 16 | 17 | .. toctree:: 18 | :maxdepth: 1 19 | :titlesonly: 20 | {% for article in articles %} 21 | {{ article.id }} 22 | {%- endfor %} 23 | 24 | {% if lang == 'ja' -%} 25 | .. translated:: true 26 | {% endif %} 27 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/faq/tag-index.rst: -------------------------------------------------------------------------------- 1 | .. _faq-tag-index: 2 | 3 | {% filter make_heading(1) -%} 4 | {%- if lang == 'ja' -%} 5 | FAQタグ一覧 6 | {%- elif lang == 'en' -%} 7 | List of FAQ Tags 8 | {%- endif -%} 9 | {%- endfilter %} 10 | 11 | {% if lang == 'ja' -%} 12 | よくある質問と回答（FAQ）に付けられているタグの一覧です。 13 | タグをクリックすると、そのタグが付けられたFAQ記事の一覧が表示されます。 14 | {%- elif lang == 'en' -%} 15 | Here is a list of tags associated with the Frequently Asked Questions and Answers (FAQ). 16 | Clicking on a tag will display a list of FAQ articles that have been tagged with it. 17 | {%- endif %} 18 | 19 | .. toctree:: 20 | :maxdepth: 1 21 | :titlesonly: 22 | {% for tag in tags %} 23 | {{ tag.tag }} 24 | {%- endfor %} 25 | 26 | {% if lang == 'ja' -%} 27 | .. translated:: true 28 | {% endif %} 29 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/faq/tagpage.rst: -------------------------------------------------------------------------------- 1 | .. _faq-tag-{{ tag }}: 2 | 3 | {% filter make_heading(1) -%} 4 | {{ label }} 5 | {%- endfilter %} 6 | 7 | {% if lang == 'ja' -%} 8 | {{ label }}のタグが付けられている記事の一覧です。 9 | {%- elif lang == 'en' -%} 10 | Here is a list of FAQ articles tagged with {{ label }}. 11 | {%- endif %} 12 | 13 | {% for item in articles %} 14 | * :ref:`faq-{{ item }}` 15 | {%- endfor %} 16 | 17 | {% if lang == 'ja' -%} 18 | .. translated:: true 19 | {% endif %} 20 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/info_to_faq.rst: -------------------------------------------------------------------------------- 1 | {% filter make_heading(2) -%} 2 | {%- if lang == 'ja' -%} 3 | 関連FAQ 4 | {%- elif lang == 'en' -%} 5 | Related FAQs 6 | {%- endif -%} 7 | {%- endfilter %} 8 | 9 | {% for faq in faqs -%} 10 | * :ref:`faq-{{ faq }}` 11 | {% endfor %} 12 | 13 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/info_to_gl.rst: -------------------------------------------------------------------------------- 1 | {%- if lang == 'ja' -%} 2 | {%- set colon = '：' -%} 3 | {%- elif lang == 'en' -%} 4 | {%- set colon = ':' -%} 5 | {%- endif -%} 6 | {% filter make_heading(2) -%} 7 | {%- if lang == 'ja' -%} 8 | 関連ガイドライン項目 9 | {%- elif lang == 'en' -%} 10 | Related Guidelines 11 | {%- endif -%} 12 | {%- endfilter %} 13 | 14 | {% for gl in guidelines -%} 15 | * {{ gl.category }}{{ colon }} :ref:`{{ gl.guideline }}` 16 | {% endfor %} 17 | 18 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/misc-defs.txt: -------------------------------------------------------------------------------- 1 | {% for link in links -%} 2 | .. {{ link.label }} replace:: `{{ link.text }}`_ 3 | .. _`{{ link.text }}`: {{ link.url }} 4 | {% endfor %} 5 | -------------------------------------------------------------------------------- /tools/scripts/yaml2rst/src/yaml2rst/templates/priority-diff.rst: -------------------------------------------------------------------------------- 1 | {% if lang == 'ja' -%} 2 | .. csv-table:: レベルを見直した達成基準一覧 3 | :widths: auto 4 | :header: "達成基準","原文","日本語訳","見直し前","見直し後" 5 | {% for item in diffs %} 6 | "{{ item.sc }}","`{{ item.sc_en_title }} <{{ item.sc_en_url }}>`__","`{{ item.sc_ja_title }} <{{ item.sc_ja_url }}>`__","{{ item.level }}","{{ item.LocalLevel }}" 7 | {%- endfor %} 8 | {%- elif lang == 'en' -%} 9 | .. csv-table:: List of Success Criteria with Revised Levels 10 | :widths: auto 11 | :header: "Success Criterion","Original Level","Revised Level" 12 | {% for item in diffs %} 13 | "{{ item.sc }} `{{ item.sc_en_title }} <{{ item.sc_en_url }}>`__","{{ item.level }}","{{ item.LocalLevel }}" 14 | {%- endfor %} 15 | {%- endif %} 16 | {%if lang == 'ja' %} 17 | .. translated:: true 18 | {% endif %} 19 | 20 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/.gitignore: -------------------------------------------------------------------------------- 1 | config.* 2 | !config.*.sample 3 | !config.py 4 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/MANIFEST.in: -------------------------------------------------------------------------------- 1 | include src/yaml2sheet/*.sample 2 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/pyproject.toml: -------------------------------------------------------------------------------- 1 | [build-system] 2 | requires = ["setuptools>=61.0"] 3 | build-backend = "setuptools.build_meta" 4 | 5 | [project] 6 | name = "yaml2sheet" 7 | version = "0.1.3" 8 | description = "Generate checklist in Google Sheets from YAML data" 9 | readme = "README.md" 10 | authors = [ 11 | { name = "Masafumi NAKANE", email = "max@freee.co.jp" } 12 | ] 13 | dependencies = [ 14 | "google-api-python-client", 15 | "google-auth-oauthlib", 16 | "sphinx", 17 | "toml", 18 | "freee_a11y_gl>=0.1.0" 19 | ] 20 | requires-python = ">=3.8" 21 | 22 | [tool.setuptools] 23 | package-dir = {"" = "src"} 24 | include-package-data = true 25 | 26 | [tool.setuptools.packages.find] 27 | where = ["src"] 28 | include = ["yaml2sheet*"] 29 | 30 | [project.scripts] 31 | yaml2sheet = "yaml2sheet.yaml2sheet:main" 32 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/src/yaml2sheet/__init__.py: -------------------------------------------------------------------------------- 1 | """Generate checklist in Google Sheets from YAML data.""" 2 | 3 | from .yaml2sheet import main 4 | from .config_loader import ApplicationConfig 5 | from .auth import GoogleAuthManager 6 | from .sheet_generator import ChecklistSheetGenerator 7 | 8 | __version__ = "0.1.0" 9 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/src/yaml2sheet/__main__.py: -------------------------------------------------------------------------------- 1 | """Command line entry point for yaml2sheet.""" 2 | from .yaml2sheet import main 3 | 4 | if __name__ == '__main__': 5 | main() 6 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/src/yaml2sheet/config.ini.sample: -------------------------------------------------------------------------------- 1 | # config.ini 2 | [General] 3 | credentials_path = credentials.json 4 | token_path = token.json 5 | development_spreadsheet_id = your-dev-spreadsheet-id-here 6 | production_spreadsheet_id = your-prod-spreadsheet-id-here 7 | sheet_editor_email = email@example.com 8 | log_level = INFO # DEBUG, INFO, WARNING, ERROR, CRITICAL 9 | basedir = /path/to/a11y-guidelines # The root directory of the Guidelines project 10 | base_url = https://a11y-guidelines.freee.co.jp # Base URL for the Guidelines 11 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/src/yaml2sheet/config.toml.sample: -------------------------------------------------------------------------------- 1 | # config.toml 2 | [General] 3 | credentials_path = "credentials.json" 4 | token_path = "token.json" 5 | development_spreadsheet_id = "your-dev-spreadsheet-id-here" 6 | production_spreadsheet_id = "your-prod-spreadsheet-id-here" 7 | sheet_editor_email = "email@example.com" 8 | log_level = "INFO" # DEBUG, INFO, WARNING, ERROR, CRITICAL 9 | basedir = /"/path/to/a11y-guidelines" # The root directory of the Guidelines project 10 | base_url = "https://a11y-guidelines.freee.co.jp" # Base URL for the Guidelines 11 | -------------------------------------------------------------------------------- /tools/scripts/yaml2sheet/src/yaml2sheet/config.yaml.sample: -------------------------------------------------------------------------------- 1 | # config.yaml 2 | --- 3 | credentials_path: credentials.json 4 | token_path: token.json 5 | development_spreadsheet_id: your-dev-spreadsheet-id-here 6 | production_spreadsheet_id: your-prod-spreadsheet-id-here 7 | sheet_editor_email: email@example.com 8 | log_level: INFO # DEBUG, INFO, WARNING, ERROR, CRITICAL 9 | basedir: /path/to/a11y-guidelines # The root directory of the Guidelines project 10 | base_url: https://a11y-guidelines.freee.co.jp # Base URL for the Guidelines 11 | -------------------------------------------------------------------------------- /version.py: -------------------------------------------------------------------------------- 1 | guidelines_version = 'Ver. 202504.0' 2 | checksheet_version = '6.1.0' 3 | checksheet_date = '2025-04-18' 4 | publishedDate = '2025-04-21' 5 | --------------------------------------------------------------------------------