accessibility_statement.html

{% extends "base/accessibility_statement.html" %}

{% block title %}无障碍访问声明 | Web Almanac 源于 HTTP Archive{% endblock %}

{% block description %}描述Web Almanac的无障碍访问目标{% endblock %}

{% block twitter_image_alt %}Web Almanac 无障碍访问声明{% endblock %}

{% block index %}
      <ul>
        <li><a href="#overview">概览</a></li>
        <li><a href="#measures">支援无障碍访问的措施</a></li>
        <li><a href="#conformance-status">一致性状态</a></li>
        <li><a href="#external-content">外部内容</a></li>
        <li><a href="#compatibility">与浏览器和辅助技术的兼容性</a></li>
        <li><a href="#technical-specifications">技术规格</a></li>
        <li><a href="#assessment-approach">评估方法</a></li>
        <li><a href="#feedback">反馈</a></li>
      </ul>
{% endblock %}

{% block main_content %}
      <h1 class="title title-lg">无障碍访问声明</h1>
      <section>
        <h2 id="overview"><a href="#overview" class="anchor-link">概览</a></h2>

        <p>
          Web Almanac网络年鉴致力于确保对所有人的数字无障碍化。我们在不断改进每个人的用户体验，并应用相关的无障碍访问标准。
        </p>
        <p>
          此声明最后审阅时间为 <time datetime="2020-06-02">2020年6月2日</time>.
        </p>
      </section>

      <section>
        <h2 id="measures"><a href="#measures" class="anchor-link">与浏览器和辅助技术的兼容性</a></h2>

        <p>
          Web Almanac 采取以下措施，以确保本网站的无障碍访问:
        </p>
        <ul>
          <li>将无障碍设计作为本网站开发的一部分。</li>
          <li>使用任何可用的工具检查可访问性。</li>
          <li>对无障碍可访问性问题保持透明<a hreflang="en" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues?utf8=%E2%9C%93&q=label%3AAccessibility+">Github无障碍可访问性页面</a>.</li>
          <li>及时处理无障碍可访问性问题。</li>
          <li>发布并保持无障碍可访问性声明的更新。</li>
        </ul>
      </section>

      <section>
        <h2 id="conformance-status"><a href="#conformance-status" class="anchor-link">一致性状态</a></h2>

        <p>
          <a hreflang="en" href="https://www.w3.org/WAI/standards-guidelines/wcag/">网络内容可访问性指南(WCAG)</a>为设计人员和开发人员定义需求，以改善残疾人的无障碍可访问性。 它定义了三个一致性级别:级别A、级别AA和级别AAA。Web Almanac 网络年鉴部分符合 <a hreflang="en" href="https://www.w3.org/TR/WCAG21/">WCAG 2.1</a> 的 AAA 级别。部分符合意味着有一部分内容没有完全符合无障碍可访问性标准。
        </p>

        <p>
           我们认为自己部分符合要求，因为我们没有完成对网站的全面外部验证和审计，也没有屏幕阅读器用户对网站进行过审核，因此对我们目前的状态不太自信。我们使用一些工具对网站上的所有页面进行了审计，包括 <a hreflang="en" href="https://wave.webaim.org/">WAVE Accessibility Tool</a>,  <a hreflang="en" href="https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/">Firefox Accessibility Inspector</a> 以及 <a hreflang="en" href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd" rel="nofollow">AXE Chrome plugin</a>.
        </p>

        <p>
          Web Almanac网络年鉴的目的是提供关于网络状态的详细信息。虽然我们的目标是确保所有的内容即使是非专家也能轻松阅读，但是材料的性质可能意味着需要一定的专业知识和技术理解来理解一些章节和一些指标，这可能不符合<a hreflang="en" href="https://www.w3.org/WAI/WCAG21/quickref/#reading-level">WCAG 2.1 AAA级的阅读水平指南</a>
        </p>

        <p>
          我们还将谷歌表格用于一些交互可视化，这可能也不符合WCAG的无障碍可访问性标准。这些是通过 <code>iframes</code> 被加载，我们也为所有的数字提供图像, 并且只有在客户端软件支持时才显示交互式可视化。如果您使用web浏览器，并且不希望查看交互式可视化，则可以通过添加<code>?print</code> 请求参数把图片显示到任何章节, 例如：<a href="./2020/accessibility?print">在打印模式下查看无障碍可访问性章节</a>。 如果有必要，我们可以让这个功能更容易激活，但是所有的可视化都有详细的文字描述，所以我们认为这是没有必要的。如我们对此理解有误，请<a hreflang="en" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues">让我们知道</a>。
        </p>

        {# TODO - Translate this <p>
          We recognize that some of the color choices for our visualizations do not meet WCAG color contrast requirements. We make a conscious effort to use the more contrasting colors and labels to reduce the impact of this. We hope the detailed descriptions, as well as access to the underlying data itself can help with this issue. We aim to improve the accessibility of our visualization color schemes in future years.
        </p> #}

        <p>
          在一些章节中，我们还在网站上包含了其他内容，这些内容不是我们自己创建的，包括YouTube视频、PDF链接或其他文章的链接，这些都不符合WCAG 2.1级AAA的严格标准。请参阅下面关于外部内容的说明。
        </p>

        <p>
          <a href="/static/pdfs/web_almanac_{{ year }}_{{ lang }}.pdf">Web Almanac的PDF版本</a> 遵循了PDF 无障碍访问最佳实践来符合 <a href="https://en.wikipedia.org/wiki/PDF/UA">PDF/UA-1</a> 标准。
        </p>

        <h2 id="external-content"><a href="#external-content" class="anchor-link">外部内容</a></h2>

        <p>
          许多章节链接到其他内容(视频，pdf文件，文章)，这些内容不在我们的控制之下，可能不符合我们已经达到的高水平的一致性。在可能的情况下，我们将提供与被浏览页面相同语言的文章链接，但这并不总是可能的。
        </p>

        <h2 id="compatibility"><a href="#compatibility" class="anchor-link">与浏览器和辅助技术的兼容性</a></h2>

        <p>
          Web Almanac网络年鉴被设计为与尽可能多的浏览器和辅助技术兼容。网站是以渐进的方式开发,甚至即便在我们不使用所有现代浏览器支持的功能的时候也可以正常工作。但你可能注意到当不使用现代浏览器时（例如最近的一个版本的Chrome, Firefox Safari,或Edge时），视觉效果下降以及缺乏一些功能(互动视觉效果,评论数等)。
        </p>

        <p>
          目前，我们还没有完成辅助技术硬件或软件的测试，但如上所述，使用了工具尝试解决这些设备中的任何问题。
        </p>
      </section>

      <section>
        <h2 id="technical-specifications"><a href="#technical-specifications" class="anchor-link">技术规格</a></h2>

        <p>
          该网站是建立在良好的结构，语义HTML(包含 <a hreflang="en" href="https://www.w3.org/WAI/standards-guidelines/aria/">WAI-ARIA</a>), 使用CSS增强样式，并为一些交互式组件有限的使用了JavaScript。该网站利用了现代的开发实践，如CSS Grid、Fetch和WOFF2字体，这些在IE 11等老浏览器中是不支持的。该网站在这些老浏览器中仍然功能齐全，但视觉上可能不那么吸引人。浏览网站不需要额外的插件或库。
        </p>
        <p>
          Web Almanac网络年鉴PDF遵循与网站相同的无障碍可访问性标准，此外，它还有一个结构上的标记来帮助无障碍访问。
        </p>
      </section>

      <section>
        <h2 id="assessment-approach"><a href="#assessment-approach" class="anchor-link">评估方法</a></h2>

        <p>
          自评:Web Almanac网络年鉴团队使用他们自己的专业知识和一些工具对内容进行评估，包含 <a hreflang="en" href="https://wave.webaim.org/">WAVE Accessibility Tool</a>，<a hreflang="en" href="https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/">Firefox Accessibility Inspector</a> 以及 <a hreflang="en" href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd" rel="nofollow">AXE Chrome plugin</a>。 Web Almanac 网络年鉴PDF 使用了 Acrobat Reader Pro DC的无障碍访问扫描工具。
        </p>
      </section>

      <section>
        <h2 id="feedback"><a href="#feedback" class="anchor-link">反馈</a></h2>

        <p>
           我们欢迎大家对本网站的无障碍访问性提出意见。联系我们的最佳方式是通过 <a hreflang="en" href="https://github.com/HTTPArchive/almanac.httparchive.org/issues">在GitHub提出一个issue</a> 或给我们发送邮件 <a href="mailto:team@httparchive.org">team@httparchive.org</a>. 我们也欢迎那些希望直接贡献的人提出pull requests。Web Almanac网络年鉴是一个基于社区的项目，由志愿者管理，因此我们不能保证对反馈做出回应的时间段，但会尽快做出回应。
        </p>
      </section>
{% endblock %}